0

Twitterブートストラップ(12列)を使用して、次のレイアウトを実現しようとしています:

レイアウト

現時点で私はこれを持っています:

<div class="row">
    <div class="span6">1</div>
    <div class="span6">2</div>
    <div class="span6">3</div>
    <div class="span6">4</div>
    <!-- etc.. -->
</div>

私はそれが機能すると仮定していましたが、何らかの理由で機能しません (すべてのレイアウトが台無しになっているだけです)。これを機能させるために適用する必要がある修正はありますか? それとも、ブートストラップでは達成できませんか?

4

2 に答える 2

2
  <div class="row">
    <div class="span12">
        <div class="row">
            <div class="span6"></div>
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
            <div class="span6"></div>
        </div>
    </div>
   </div>

行間にスペースが必要な場合は、クラス「行」の上部または下部にマージンを追加できます

于 2013-04-04T12:39:52.137 に答える
1

このようなもの:

<div class="row">
    <div class="span6">
        <div class="row">
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
        </div>
    </div>
    <div class="span6">
        <div class="row">
            <div class="span6"></div>
        </div>
        <div class="row">
            <div class="span6"></div>
        </div>
    </div>
    <!-- etc.. -->
</div>

?

于 2013-04-04T12:19:35.893 に答える