如何在Bootstrap表单中的内联行上方选择文本

Question

我一直在尝试重新创建一个如下所示的搜索表单：

http://www.realestate.com.au/

顶部有一个SEARCH栏，下面有多个SELECT。另外，标签上 每个SELECT都在上面而不是下面。

我知道在Bootstrap中你可以像下面这样添加标签：

<span class="help-block">Some text</span>

但是如何在一行内联选择上方添加文本？​​

有人可以帮忙吗？我正在使用Bootstrap。

提前致谢！

Answer 1

只需放置每个标签并在spanX div中选择，然后将spanX div放在行容器中。

三列示例：

<div class="row">
    <div class="span4">
      <label for="one">Label One</label>
      <select id="one">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
      </select>
    </div>

  <div class="span4">
      <label for="two">Label Two</label>
      <select id="two">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
      </select>
    </div>

    <div class="span4">
       <label for="three">Label Three</label>
      <select id="three">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
      </select>
    </div>

</div>

这将看起来像这样：