グリッドが流動的であるが、側溝の幅が固定されるように、variables.lessの流体グリッド計算を変更することは可能ですか？
計算を見ましたが、各流体スパンから30pxの幅を削除する方法がわかりません。
正しい方向へのポインタをいただければ幸いです。
乾杯
2448 次
2 に答える
2
ファイルを確認してください_variables.less- ファイルの下部で、探しているものを編集できるはずです。
計算を理解するには、次の 2 つのリンクを試してください。
http://coding.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/
これが少し役立つことを願っています。
編集：
これは役立つかもしれません：
http://en.wikipedia.org/wiki/Cross-multiplication
940px の幅と 30px の全体のガターを使用していると仮定します。計算を行うと、940px の 30px は...
940 to 100% equals 30 to x%- >x = 3.191489361702128それはあなたのガターです。
12列を使用すると、11個のガターがあり、330pxのスペースが使用され、610pxが列用に残されます。したがって、各列は610px / 12->である必要があります50,8...px。繰り返しますが、次の計算を行います。
940 to 100% equals 50,8 to x%->x = 6.170212765957447各列。
もちろん、他の 2 つ (またはそれ以上) のビューポートについても同じことを行います。
私がこれで正しいことを願っています...
計算例:
(940px / 100) = (30px / x) // multiply with x->
((940px * x) / 100) = (30px) // multiply with 100->
(940px * x) = (3000px) // devide with 940px->
x = (3000px / 940px) // cutting the px
x = 3.191489361702128
変数.でコンマの代わりにポイントを使用するように注意してください。,
于 2012-10-23T09:43:05.870 に答える
0
別の解決策は次のとおりです。追加のクラスを要素に追加する.my-xtra-margin { margin-left: 30px; }か（ブートストラップ定義の後に含めるようにしてください）、スタイル定義としてタグに直接追加します。
しかし、列には利用可能な幅の特定のパーセンテージが必要であり、最終的に固定されたガターが必要になるため、これは常にレイアウトを台無しにすると思いますtoo much。
于 2012-10-31T08:33:28.310 に答える