小编Col*_*tor的帖子

我正在尝试获取输入并选择内联的选项内联,就像使用Bootstrap 2的这个演示一样.

按照Bootstrap 3指南,我设法做到这一点:

<div class="container">
    <div class="col-sm-7 pull-right well">
      <form class="form-inline" action="#" method="get">
        <div class="form-group col-sm-5">
          <input class="form-control" type="text" value="" placeholder="Search" name="q">
        </div>
        <div class="form-group col-sm-3">
          <select class="form-control" name="category">
              <option>select</option>
              <option>1</option>
              <option>2</option>
              <option>3</option>
          </select>
        </div>
        <button class="btn btn-primary col-sm-3 pull-right" type="submit">Search</button>
      </form>
    </div>
</div>

它是响应性的,但输入和选择不能没有一些讨厌的CSS黑客附加.我发现很多附带按钮的例子,但是这对select元素不起作用.