3

ブートストラップ レスポンシブ CSS を使用して、12 スパンの行に均等に分散されたカレンダー (7 日) のすべての曜日を表示する必要があります。

私が試してみました

<div class ="span12">
 <div class="span2"> Monday </div>
 .......
 ......
 <div class="span2"> Sunday </div>
</div>

これは 12 スパンを超えて、最後の列を次の行にラップします。

誰でもこれを行う正しい方法を知っていますか?

ありがとうございました！

4

2 に答える 2

2

ありがとうございました！.row-fluid span2 のパーセンテージ幅を増やして、別のクラスとして作成しました。出来た！

.row-fluid .daySpan {
  width: 14.192978723404255%;
  *width: 14.192978723404255%;
}
于 2013-03-19T13:34:56.690 に答える
1

カスタム幅を設定するには、グリッドではなく独自のクラスを使用する必要があります。私はおそらくそれを既存のブートストラップグリッドクラスと組み合わせて、そのマージンなどを取り入れます.

負の左右マージンを提供する行 div を忘れないでください。

http://jsfiddle.net/2n8Cx/1 (このデモでは、レスポンシブが有効になっている 1 つの幅範囲でのみ動作します。)

.span1.spanDays {width: 86px;}

<div class="span12">
  <div class="row">
    <div class="span1 spanDays"> Monday </div>
     .......
     ......
    <div class="span1 spanDays"> Sunday </div>
  </div>
</div>

http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

于 2013-03-18T20:23:48.487 に答える