如何使用Twitter Bootstrap在同一行中显示标签和文本框

Question

<div class="control-group">
    <label for="name" class="control-label"><p class="text-info">Name&nbsp;<i class="icon-star"></i></p></label>
    <div class="controls">
        <input type="text" id="name" placeholder="Enter your name" class="span3">
    </div>

这不适合我,我不想使用'形式水平'类或表格.我尝试过行和行流体类,但它不起作用.

Answer 1

你可以用你的代码包装<div class="form-horizontal">.您不需要form使用form-horizontal.

示例:

<div class="form-horizontal">
    <div class="control-group row-fluid form-inline">
        <label for="name" class="control-label"><p class="text-info">Name&nbsp;<i class="icon-star"></i></p></label>
        <div class="controls">
            <input type="text" id="name" placeholder="Enter your name" class="span3">
        </div>
    </div>
</div>