如何引導直列輸入的HTML標籤爲

我有這樣兩個輸入：如何引導直列輸入的HTML標籤爲

<div class="form-group"> 
     <label for="exampleInputEmail1">Original Amount</label> 
     <div class="input-group"> 
      <div class="input-group-addon">$</div> 
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"> 
     </div> 
    </div> 

    <div class="form-group"> 
     <label for="exampleInputEmail1">Original Amount</label> 
     <div class="input-group"> 
      <div class="input-group-addon">$</div> 
      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"> 
     </div> 
    </div>

它看起來像這樣：

如何我內聯呢？（在每個頂部的標籤）

來源

2017-03-06 Ballon Ura

您可以使用引導電網這樣的..

<div class="row"> 
     <div class="col-sm-4"> 
      <label for="exampleInputEmail1">Original Amount</label> 
      <div class="input-group"> 
       <div class="input-group-addon">$</div> 
       <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"> 
      </div> 
     </div> 
     <div class="col-sm-4"> 
      <label for="exampleInputEmail1">Original Amount</label> 
      <div class="input-group"> 
       <div class="input-group-addon">$</div> 
       <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount"> 
      </div> 
     </div> 
    </div>

Demo

來源

2017-03-06 19:35:36 ZimSystem

工作，很好，我只需要學習Bootstrap網格系統。 –

只要把你的所有示例代碼這個div元素中：

<div class="form-inline"> 
    ... 
</div>

更多信息，請參見http://getbootstrap.com/css/#forms-inline。

來源

2017-03-06 19:35:12 Matiboux

的標籤，不上邊。 –

你是什麼意思？ – Matiboux

標籤是輸入的左側，我希望像我的附加圖像一樣位於頂部。 –

如何引導直列輸入的HTML標籤爲

回答

相關問題