0

すべての入力を垂直方向に揃えたいのですが、どうすればよいですか? コーズ ラベルは非常に長くなる可能性があるため、その配置を完璧にしたいと考えています。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/

4

1 に答える 1

1

Bootstrapのドキュメント をもう少し読む必要があります。フォームを水平方向および垂直方向に配置するための組み込みのスタイルがあります。

水平スタイル ( ) を使用するようにコードを変更しました.form-horizontal。

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

于 2013-08-30T14:37:24.527 に答える