2

私はZurb Foundationを使用しており、ネストされた列を中央に配置しようとしていますが、理由を理解できないため、中央に配置していません。誰かこれに光を当てることができますか?!

<div class="container"> 
    <div class="row">
        <div class="12 columns">
            <div class="row">
                <div class="4 centered columns">
                    <h1>My Content</h1>
                </div>
            </div>
        </div>
    </div>
</div>

ありがとう！

4

2 に答える 2

6

4間違っている可能性がありますfour。12 についても同じことを試してください。

于 2012-08-19T01:06:21.950 に答える
0

Foundation 3を使用している場合は、試してください

<div class="container">
  <div class="row">
    <div class="12 columns">
      <div class="row">
        <div class="4 centered columns">
          <h1>My Content</h1>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

終了<div>タグのバランスが取れていないことがわかりました。

Foundation 4 を使用している場合は、

<div class="container">
  <div class="row">
    <div class="large-12 columns">
      <div class="row">
        <div class="large-4 large-centered columns">
          <h1>My Content</h1>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
于 2013-07-15T03:49:07.147 に答える