嵌套列在引导程序3中太小

时间:2015-04-27 02:27:37

标签: twitter-bootstrap-3

当我尝试在col-md-4列中嵌套两个col-md-2列时,嵌套列太小,更像md-1或更少。我已根据documentation的建议在外部标记内使用了一行。我试过改变所有的" md"到" lg"和" sm",但这并没有任何区别。如何使第二行嵌套输入与我的第一行非嵌套输入对齐?

截图:

Screenshot

Jsfiddle version (resize the result pane so that the controls are beside each other)

(before constructor call) imageFile =
    "C:/Users/User/Documents/SpineAnalysis/Patient Name/UpperSide.JPG"

(after constructor call) imageFile =
    "\001І뒴\001І뒯\001儇楌"

1 个答案:

答案 0 :(得分:0)

我现在明白了!嵌套列需要总计12才能填充外部标记的宽度。所以我的第二组输入应该是这样的:

<div class="form-group col-md-4">
    Label across two inputs, Label across two inputs
    <div class="row">
         <div class="col-md-6">
             <input value="nested input 1" >
         </div>
         <div class="col-md-6">
             <input value="nested input 2" >
         </div>
     </div>
</div>