基础 4 中纵向和横向移动的中心块网格

Question

我正在使用Foundation 4，我有一个块网格，在我的iPhone 5（ios7）上看起来像我想要的纵向，但是当我把它变成风景时，它一团糟。 出于某种原因，它不会将我以肖像为中心的任何内容居中。

<div class="row"><!-- for centering -->
<div class="small-12 large-8 small-centered columns">
<div class="row">
  <div class="small-12 large-8 small-centered columns" style="text-align:center;">
  <h3 id="makemebold"><small>some long text about why my site is great<small></h3>
  </div>
</div>
<div class="row">
  <div class="small-12 large-8 small-centered columns">
  <a href="shopping_list" class="greencallout">
     Hey, User, Get Started! Woohoo!</a></div>
</div>
<div class="row">&nbsp;</div>
<div class="row">
<div class="small-12 large-6 small-centered columns">
<ul id="board" class="small-block-grid-2 large-block-grid-8" >
   <li><a id="login_a" class="mobile_buttons" href="#" 
        title="Click here to Login">Login|Register</a></li>
   <li><a id='makemebold' class="mobile_buttons" href="learn">Learn More</a></li>
   <li><a href="profile" class="mobile_buttons" >Profile</a></li>
  <li><a href="contact" class="mobile_buttons">Contact</a></li>
</ul>
</div>
</div>
</div>
</div><!-- end of centering div -->

"关于为什么我的网站很棒的长文本"居中。 但是当翻转到风景时，它并没有变得更大，似乎也没有更改为大 8 设置。

感谢您的帮助！

Answer 1

没

关系。 我刚刚将 style="text-align：center;" 添加到每个未居中的div 标签中，它解决了这个问题。