自举窗体 - 水平左对齐

有人可以告诉我如何将用户名标签与左侧对齐。自举窗体 - 水平左对齐

<form class="form-horizontal"> 
    <div class="form-group"> 
     <label class="control-label col-sm-3" for="username">Username</label> 
     <div class="col-sm-9"> 
      <input type="text" class="form-control" id="username" placeholder="Enter username"> 
     </div> 
    </div> 
</form>

来源

2016-12-22 thimal deemantha

需要删除形式水平

<form > 
    <div class="form-group"> 
     <label class="control-label col-sm-3"for="username">Username</label> 
     <div class="col-sm-9"> 
      <input type="text" class="form-control" id="username" placeholder="Enter username"> 
     </div> 
    </div> 
</form>

注：如果您想要任何文本左或右，然后使用文本左或文本正确的类，但是如果没有这些类，你的代码就可以正常工作。

阅读本文档

http://getbootstrap.com/css/

您还可以使用网framework.less文件，您的观点将在行管理数据（更多控制）

来源

2016-12-22 11:46:18

谢谢你的回答。文档确实有帮助。 –

您可以通过向其添加额外的类将标签浮动到左边，然后通过CSS将其浮动。

<label class="control-label col-sm-3 label" for="username">Username</label> 

.label { float: left; }

https://jsfiddle.net/p0pob33d/

来源

2016-12-22 11:00:48 Pingbeat

更好地利用以上答案 – Pingbeat

卸下类 “形横” 从表格标签。它提供了额外的右对齐

你的HTML应该是：

<form> 
    <div class="form-group"> 
     <label class="control-label col-sm-3" for="username">Username</label> 
     <div class="col-sm-9"> 
      <input type="text" class="form-control" id="username" placeholder="Enter username"> 
     </div> 
    </div> 
</form>

参考：http://www.w3schools.com/bootstrap/bootstrap_forms.asp

来源

2016-12-22 11:14:53

谢谢。有用。 –

自举窗体 - 水平左对齐

回答

相关问题