html - 对齐输入并在同一行中选择(bootstrap mobile)

Question

我想在同一行对齐输入和选择，下面的代码在桌面上有效，但在移动设备上，即使我使用了 col-sm，选择列表也会换行。

下面是表单代码

<form class="form-horizontal">

  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">name</label>
    <div class="col-sm-5">
      <input class="form-control" id="inputPassword3" placeholder="name" type="text">
    </div>
     <div class="col-sm-5">
     <select class="form-control" name="category">
        <option>select</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
      </select>
    </div>

  </div>

</form>

这里是 bootply http://www.bootply.com/9N0DxgUSMi

Answer 1

如何将 col-xs-5，例如 col-xs-12 添加到您的密码标签中？应该工作:)