三個輸入的行 - 引導3

enter image description here 三個輸入的行 - 引導3

這是我現在有引導2.

這是自舉3想出了：

enter image description here

我有此代碼：

<div class="row"> 
    <div class="col-sm-4"><input type="text" class="form-control" /></div> 
    <div class="col-sm-4"><select class="form-control"><option value="2">1</option></select></div> 
    <div class="col-sm-4"><input type="text" class="form-control" /></div> 
</div>

我不能f確定如何收緊輸入，使它們像Bootstrap 2一樣。

我該怎麼辦？

來源

2014-09-27 David

您可以添加一個小提琴？ – 2014-09-27 19:26:33

你有額外的代碼affetcing輸出，我測試它在Bootply中只看到3個輸入字段 – Devin 2014-09-27 19:29:08

你可以收緊水溝......

<style> 
    .tight-gutter { 
     padding: 0 2px; 
    } 
</style> 

<div class="row"> 
    <div class="col-sm-4 tight-gutter"><input type="text" class="form-control"></div> 
    <div class="col-sm-4 tight-gutter"><select class="form-control"><option value="2">1</option></select></div> 
    <div class="col-sm-4 tight-gutter"><input type="text" class="form-control"></div> 
</div>

來源

2014-09-27 18:55:10 timgavin

三個輸入的行 - 引導3

回答

相關問題