自舉窗體 - 水平左對齊

有人可以告訴我如何將用戶名標籤與左側對齊。自舉窗體 - 水平左對齊

<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

謝謝。有用。 –

自舉窗體 - 水平左對齊

回答

相關問題