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

时间:2015-02-19 18:32:45

标签: html css twitter-bootstrap

我想对齐输入并在同一行中选择,下面的代码适用于桌面,但在移动设备中,即使我使用了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

1 个答案:

答案 0 :(得分:0)

如何在您的密码标签中添加col-xs-5,例如col-xs-12?应该工作:)