css - 四列横排形式，bootstrap 3

Question

我有这种水平形式(来自文档示例)。

我想在标签前添加单选按钮，并在右侧添加一个下拉框。所以我需要一个四(对齐)列的水平表格。执行此操作的最佳方法是什么？

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
    </div>
  </div>
</form>

Answer 1

radio and drop-down next to label

将表单类型更改为form-inline

在任何标签之前，只需这样做:

   <input type="radio" class="" placeholder="" name="radio_btn" />

   <label for="inputEmail3" class="col-sm-2 control-label inline-show ">Email</label>

   <select>
     <option>1</option>    
     <option>1</option>    
     <option>1</option>
   </select>