5

Bootstrap 2 で「form-horizo​​ntal」クラスを使用していますが、私のラベルはレスポンシブ スタイルを利用していないようです。これは次のようになります。

ここに画像の説明を入力

調べてみると、ラベルには通常の Bootstrap 設定である「width:160px」がありますが、レスポンシブ スタイルには「width:auto」しかありません。

そのセクションの私の HTML は次のようになります。 

<form id="addproject" class="form-horizontal">
    <div class="control-group">
        <label for="title" class="control-label">Title</label>
        <div class="controls">
            <input type="text" name="title" id="title" />
        </div>
    </div>
</form>
4

3 に答える 3

1

.control-label は、responsive.css for (max-width: 480px) でのみ指定されます。幅を縮小しようとしましたか？フォームを使用すると、480px まではあなたの例のように見えます。480px になると、ラベルが入力フィールドの上に移動します。

于 2012-10-19T20:54:12.560 に答える
0

クラスを追加するときに変更したい場合

<input type="text" name="title" id="title" class="span3" />

別の解決策は、スタイルIDの幅を直接指定することです：auto

#title {
    width_auto;
}

新しいスタイルはブートストラップcssの後にある必要があることを忘れないでください

于 2012-10-09T21:06:26.973 に答える