Question

我目前正在使用这段代码来获取一个标签及其相关的选择字段。但最终输出显示两行。第一个显示标签，第二个显示选择。请问如何让它们只显示一行？

    <div class="form-group">
        <label for="SE">OS</label>
        <select id="SE" name="SE" class="form-control">

                <option value="os">os</option>

        </select>
    </div>

提前致谢！

Answer 1

而不是form-group使用form-inline。它是为此目的而设计的。

<div class="form-inline">

<强> DEMO

Answer 2

您可以使用form-horizontal

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="SE" class="col-sm-2 control-label">OS</label>
    <div class="col-sm-4">
        <select id="SE" name="SE" class="form-control">
            <option value="os">os</option>
        </select>
    </div>
  </div> 
</form>

在此演示： http://www.bootply.com/mLjxWBX7BS

文档： http://getbootstrap.com/css/#forms-horizontal

如何对齐两个字段

2 个答案: