4

カレンダービューをデザインする必要があります。小さなプロジェクトで使用することに慣れているので、TwitterBootstrapを使用したいと思います。

しかし、12列のスパンシステムは、カレンダービューの作成に適切に適合していないようです。

したがって、span12の行があり、サブ行を作成する場合は、カレンダー用に7つの等間隔のボックスが必要です。どうすればこれができるのかわかりません。

span12を作成し、その中に独自のCSSを適用することを考えました。ブートストラップシステムをバイパスします。

助言がありますか？

ありがとう

4

1 に答える 1

6

7 列にカスタマイズされた、グリッドのみのブートストラップをダウンロードしてみませんか? グリッドシステムとレイアウトが必要な場合があります

ここ：http://twitter.github.com/bootstrap/customize.html

次に、作成したスタイル シートのいくつかのルールの前に独自のセレクターを追加するだけで、独自の 7 列のグリッドが作成されます。

流体グリッドの場合、必要な場合は、

@gridColumns*@fluidGridColumnWidth + (@gridColumns-1)*@fluidGridGutterWidth <= 100

気になる変数は

  • @gridColumns： 列の数
  • @gridColumnWidth: 1 つの静的列の幅
  • @gridGutterWidth: 静的列間のスペースの幅
  • @fluidGridColumnWidth: 1 つの流体カラムの幅
  • @fluidGridGutterWidth: 流体カラム間のスペースの幅

静的コンテナの全幅は次のように与えられます

@gridColumns*@gridColumnWidth + (@gridColumns-1)*@gridGutterWidth

楽しみ ！

于 2012-07-05T19:38:02.313 に答える