基础6断点

Question

我是新来的基金会，我最初是一个自助者。我有一个3列行，我创建了一个最大宽度为1300 of的容器；

我的问题是，我需要它打破在767到单列，但现在它不会打破，直到640 of，它是由列控制吗？

 <div class="row expanded">
   <div class="container">
   <h3>News</h3>
    <div class="columns small-12 small-4 medium-4">     
        <img src="img.png">
      <span class="text-element">Text</span>
      <h5>Heading Level 5</h5>
      <a class="link-button button" href="#">Learn More</a>
    </div>
    <div class="columns small-12 small-4 medium-4">    
        <img src="img.png">    
      <span class="text-element">Text</span>
      <h5>Heading Level 5</h5>
      <a class="link-button button" href="#">Learn More</a>
    </div>
    <div class="columns small-12 small-4 medium-4">  
       <img src="img.png">    
      <span class="text-element">Text</span>
      <h5>Heading Level 5</h5>
      <a class="link-button button" href="#">Learn More</a>
    </div>
  </div>

Answer 1

基金会的默认断点是(如前所述)：

小->640 and介质->1024 and大-1024 and及更大。

如果您希望控制这些断点，则需要切换到sass版本，在该版本中，您可以简单地更改宽度并根据需要配置框架。链接在这里：http://foundation.zurb.com/sites/docs/media-queries.html#default-media-queries

在我看来，基金会比引导要灵活得多--所以可能需要时间来调整，但这是完全值得的。

享受吧！