Twitter bootstrap 如何使文本位于引导形式的内联选择行上方

Twitter bootstrap 如何使文本位于引导形式的内联选择行上方,twitter-bootstrap,Twitter Bootstrap,我一直在尝试重新创建一个如下所示的搜索表单: 它的顶部有一个搜索栏,下面有多个选择。此外,标签上 每个选择都在上方而不是下方 我知道在Bootstrap中,您可以添加如下标签: <span class="help-block">Some text</span> 一些文本 但是如何在一行内联选择上添加文本呢 有人能帮忙吗?我正在使用引导 提前谢谢 只需将每个标签放在一个spanX div内并进行选择,然后将spanX div放在行容器内即可 三列的示例: <di

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

它的顶部有一个搜索栏,下面有多个选择。此外,标签上 每个选择都在上方而不是下方

我知道在Bootstrap中,您可以添加如下标签:

<span class="help-block">Some text</span>
一些文本
但是如何在一行内联选择上添加文本呢

有人能帮忙吗?我正在使用引导


提前谢谢

只需将每个标签放在一个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>

标签一
1.
2.
3.
4.
5.
标签二
1.
2.
3.
4.
5.
标签三
1.
2.
3.
4.
5.
结果会是这样的:

谢谢你,frostyterrier,非常感谢你的帮助。