html - 自举对齐输入

Question

我想垂直对齐所有输入，我该怎么做？因为标签可能很长，我希望对齐仍然完美。CSS

    .span6{
    overflow:hidden;display:inline;
}
.span6 label, .span6 input {
display:inline-block;
}
.span6 input {
    width:70%;
    margin-left:3%;
}

HTML

<div class="row-fluid">
    <form class="form well">
        <div class="row-fluid">
            <div class="control-group span6">
                <label for="first-name">Company</label>
                <input class="first-name" type="text" class="input-block-level" />
            </div>
            <div class="control-group span6">
                <label for="last-name">Title</label>
                <input class="last-name" type="text" class="input-block-level" />
            </div>
             <div class="control-group span6">
                <label for="last-name">Country</label>
                <input class="last-name" type="text" class="input-block-level" />
            </div>
        </div>
        </div>
</div>

JSFIDDLE

http://jsfiddle.net/kY5LL/154/

Answer 1

您可能应该多读一点Bootstrap 文档，有用于水平和垂直对齐表单的内置样式。

我修改了您的代码以使用水平样式（.form-horizontal）。

http://jsfiddle.net/LeBen/kY5LL/156/