私は流体デフォルト12グリッドのブートストラップシステム(2.3.0)上でガターを変更することが知られている任意のシンプル解決策があるかどうかを知るために探しています。流体グリッドブートストラップデフォルトを変更する方法12列ガター幅
私はLESSに精通していませんが、それが答えであれば、変更方法についても説明してください。 Sassと同じです。
それは、物事を簡単にする可能性がある場合、例えば、半分または四分の一によってガター幅、を変更することが完全に許容可能であることに注意してください。
以下の目標を満たしている必要があります
- は、将来的には、ブートストラップを更新することができる必要があります。これは、実際のブートストラップファイルを編集しないことを意味します。
- 他のすべてのオブジェクトには機能が残ります。
- シンプルでなければなりません。 10行未満のCSS。たとえば、追加されたクラスなどです。
私はスタックオーバーフロー全体を検索していますが、このようなことをやり遂げる方法についてはまだ分かりません。私の理解を深めるために、カスタマイズされたブートストラップをダウンロードするだけで、非流体グリッドのカスタム溝幅がレンダリングされます。以前は自分の流体グリッドシステムをコーディングしていましたので、数学を理解していますが、結果が出るかもしれないと心配しています。クラスオーバーライドに関する既知の問題があれば助けになります。
私はそれが期日であることを約束します。
UPDATE:ヨーダの答えで説明したように以下の変数を変更
は、移動するための方法です。誰もこれらの変数を変更する経験はありますか?たとえば、変更する必要がある変数は次のとおりです。
// Fluid grid
// -------------------------
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
// 1200px min
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
// 768px-979px
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
このような変更を行うにはどうすればよいですか。おそらく:
@fluidGridGutterWidth768: percentage(1.5);
誰でもこれを前に行っていれば、正しい方向に押していただければ幸いです。
あなたは答えを持っている場合は、既存の受け入れ答えに編集のいずれかしてください。あなた自身の答えを書いてください。回答は質問に記載すべきではありません(質問のためです)。 –