4

http://twitter.github.com/bootstrap/base-css.html#forms

ラベルと入力テキストフィールドを使用した例のような単純な水平フォームがあります。すべてのラベルをフォントサイズにするにはどうすればよいですか：24pxとすべての入力を正しい高さなど。ラベルが折り返されないように増やすには、140px幅のハードコード化されたマージンも必要です。つまり、私は言うためのベストプラクティスの方法を探しています：より大きく！

4

3 に答える 3

2

適切な設定が行われていると仮定して、「ファイル名」.css.scssを作成し、コンパスを使用してファイルを監視します（これにより、ファイルがcssに相当するものに変換されます）。

次に、_ _.css.scssファイルで、次の手順を実行します。

1） $baseFontSize: 24px; @import "bootstrap";これはすべてのフォントのサイズを変更しますが、あなたの質問に基づいて、これがあなたが気にするすべてであると思います。

2）入力を正しい高さにすることで何を意味するのかわからない。ただし、mixin .box-sizing（）（http://twitter.github.com/bootstrap/less.html）を使用するか、入力要素の下部の高さをラベルに一致するように設定することができます。

input{position: relative; bottom: 5px;}

3）ラベルが折り返されないようにするには、フォームをclass = "fluid-container spanX"のdivに入れます。ここで、Xは必要なグリッドの数です。

Compassはcssファイルを生成し、そこから構文をコピーしてプロジェクトに貼り付けることができます。

お役に立てれば

于 2012-04-03T23:50:16.520 に答える
2

フォーム ラベルを 24px に設定し、フォーム入力の高さを一致するものに設定しないのはなぜですか?

form label {
    font-size: 24px;
}

form input, form textarea, form select {
    margin-left: 200px;
}

このコードを、bootstrap.css がロードされた後のどこかに置くだけで、デフォルトが上書きされます。ボタンを実行しないように、入力タイプのセレクターを追加することもできます。

于 2012-04-02T18:09:07.153 に答える
2

Twitter のブートストラップはコードのコンパイルにあまり使用しませんが、UI を介して一部のパラメーターを変更し、カスタマイズされたバージョンをダウンロードすることもできます。これらのオプションが十分でない場合は、設定を減らし、自分でカスタマイズ/コンパイルする必要があります。

于 2012-04-02T18:10:07.140 に答える