如何对齐两个字段答案

【问题标题】：How to align two fields如何对齐两个字段
【发布时间】：2014-05-19 11:56:03
【问题描述】：

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

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

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

        </select>
    </div>

提前致谢！

【问题讨论】：

标签： css asp.net-mvc asp.net-mvc-4 twitter-bootstrap razor

【解决方案1】：

您可以使用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】：

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

<div class="form-inline">

DEMO

【讨论】：