小编R_M*_*att的帖子

我想使用Bootstrap表单水平布局设置一个表单,其中控件采用内联布局,同时仍然可以在每个字段下面包含帮助块文本.

我已经能够使用下面的代码完成所需的布局.

<form class="form-horizontal">
            <div class="control-group">
                <span class="control-label">Name</span>
                <div class="controls form-inline">
                    <input type="text" class="input-large" placeholder="First" id="FirstName">
                    <input type="text" class="input-mini" placeholder="M.I." id="FirstName">
                    <input type="text" class="input-large" placeholder="Last" id="LastName">
                </div>
            </div>
        </form>

但是我希望能够将help-block类添加到每个字段,如下所示:

<input type="text" id="FirstName" class="input-large" >
<p class="help-block">First Name</p>

我正在寻找的例子:

示例图像

有什么建议？