如何在bootstrap-3中的form-group下标签后水平对齐多个文本框

Question

如何在bootstrap-3中的form-group下的标签后水平对齐多个文本框 我的输出是

但我想得到像

这样的输出

我试过这段代码

<div class="form-group">
     <label for="mobile" >Mobile</label>
     <input type="text" class="form-control isd-code" name="mobile[]" placeholder="88">
     <span class="dash"> - </span>
     <input type="text" class="form-control mobile" name="mobile[]" placeholder="Enter Name">
</div>

Answer 1

正如Bootstrap's Inline Forms documentation中所述，您需要首先为form元素提供一个＆＃34; form-inline＆＃34;：

<form class="form inline" ... >

然后将每个单独的内联表单元素包装在.form-group容器中：

<div class="form-group">
  <label for="mobile" >Mobile</label>
  <input type="text" class="form-control isd-code" name="mobile[]" placeholder="88">
</div>
<span class="dash"> - </span>
<div class="form-group">
  <input type="text" class="form-control mobile" name="mobile[]" placeholder="Enter Name">
</div>