css - 如何对齐两个字段

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-horizo​​ntal

<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