Question

我想垂直对齐所有输入，我该怎么做？原因标签可能很长，我希望那个alignemnt仍然完美。 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 documentation，有内置的样式来水平和垂直对齐表格。

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

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

Bootstrap对齐输入

1 个答案: