css - Bootstrap Glyphicon与文本框对齐-LMLPHP我有以下HTML:

<div class="row">
   <div class="col-md-6">
      <div class="form-group">
         <asp:Label runat="server" AssociatedControlID="txtAccountNumber" CssClass="control-label ">10 Digit Account Number</asp:Label>
     <asp:TextBox  onkeyup="isAccountValid();" CssClass="form-control input-sm" placeholder="Please enter your account number" runat="server" ID="txtAccountNumber" />
     <span id="isAccountValid" class="glyphicon glyphicon-ok" style="color: lightgreen;"></span>
      </div>
   </div>
   <div class="col-md-6">
      <div class="form-group">
     <asp:Label runat="server" AssociatedControlID="txtEmail" CssClass="control-label ">Email</asp:Label>
     <asp:TextBox CssClass="form-control input-sm" placeholder="Please enter your email" runat="server" ID="txtEmail" />
      </div>
   </div>
</div>


我很难将glyphicon放在文本框旁边。有什么建议么?我更喜欢纯CSS或Bootstrap类...谢谢!

最佳答案

在行div中添加form-inline可以解决问题。

<div class="row form-inline">

07-24 09:44
查看更多