集成twitter bootstrap并使用“Base CSS / form / Validation states”

Question

我正在尝试将twitter bootstrap集成到我的应用中。但是我注意到我的应用程序的行为与twitter bootstrap showcase不同......

我参考了 Base CSS/ form/ Validation states 部分。

例如，以下

<div class="control-group">
            <label class="control-label" for="email">Email</label>
            <div class="controls">
                <div class="input-prepend">
                    <span class="add-on">@</span> <input type="text" name="member.email" value="" id="email" autofocus="autofocus" />

                </div>
            </div>
        </div>

不会呈现内联，而是如下所示：

我不确定我错了什么。有人可以帮忙吗？

Answer 1

您提供的示例来自"Preppended and Appended Inputs"部分，并且示例中不包含标签。但是，假设通过“渲染内联”表示标签与输入控件相邻，可以使用表单本身上的form-horizontal类来实现。