Twitter bootstrap 3 为什么引导程序3没有在输入的左侧显示我的标签？

我希望下面的HTML显示这样的UI

标签[输入]

标签[输入]

但它在所有分辨率下显示输入上方的标签。谁能告诉我为什么

    <form class="form-horizontal">
        <div class="form-group">
            <label for="exampleInputName2">Name</label>
            <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
        </div>
        <div class="form-group">
            <label for="exampleInputEmail2">Email</label>
            <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
        </div>
        <button type="submit" class="btn btn-default">Send invitation</button>
    </form>

名称
电子邮件
发出邀请

这是您寻找的基础

<form class="form-inline">
        <div class="form-group">
            <label for="exampleInputName2">Name</label>
            <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
        </div>
        <div class="form-group">
            <label for="exampleInputEmail2">Email</label>
            <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
        </div>
        <button type="submit" class="btn btn-default">Send invitation</button>
</form>

名称
电子邮件
发出邀请

指定标签宽度并输入标签宽度

电邮：
密码：

根据引导文档，所有文本和带有.form控件的元素都设置为宽度：100%，因此没有放置标签的位置，因此如上所示。正如您所知，您需要使用网格系统来获得您期望的结果。这太好了，谢谢！我正试图将控件放置在

标签中，这样我就不必给所有控件都提供id。问题是控件之间的垂直空间较大，并且输入没有像您的示例那样占据整个宽度。你知道为什么吗？（下面是代码链接）