引導3獲取標籤留在輸入字段的頂部

Question

我需要在一行中有3個表單輸入字段，並在頂部各有一個標籤。當行換行時，我希望標籤與相應的輸入一起並保持在最前面。我可以讓標籤顯示在輸入字段的左側。只是不在輸入之上。這怎麼能實現

Answer 1

與colums的工作應該做的伎倆。嘗試這樣的事情

<div class="row"> 
    <div class="col-xs-3"> 
     <label>Label 1</label> 
     <input type="text" class="form-control" placeholder=".col-xs-2"> 
    </div> 
    <div class="col-xs-3"> 
     <label>Label 2</label> 
     <input type="text" class="form-control" placeholder=".col-xs-3"> 
    </div> 
    <div class="col-xs-3"> 
     <label>Label 3</label> 
     <input type="text" class="form-control" placeholder=".col-xs-4"> 
    </div> 
</div> 

Answer 2

訣竅是使用col-md-4，因爲Bootstrap是建立在12 col網格系統上的。通過這種方式，小型和超小型設備上的彩管自動摺疊成一排。這是我的鋼筆。

http://www.bootply.com/Eb85k7lOAx 
<div class="container"> 
<div class="row"> 
    <div class="col-md-4"> 
     <label>One</label> 
     <input class="form-control" placeholder=".col-md-4" type="text"> 
    </div> 
    <div class="col-md-4"> 
     <label>Two</label> 
     <input class="form-control" placeholder=".col-md-4" type="text"> 
    </div> 
    <div class="col-md-4"> 
     <label>Three</label> 
     <input class="form-control" placeholder=".col-md-4" type="text"> 
    </div> 
</div> 
</div>