Question

我是基金会的新手，我原本是一名自学者。我有一个3列的行，我创建了一个最大宽度为1300px的容器;

我的问题是我需要将它打破767到单列，但截至目前它不会破坏直到640px，是否由列控制？

 <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

基础的默认断点是（as noted here）：

小 - ＆gt; 640像素中 - ＆gt; 1,024像素大 - 1024px和更大。

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

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

享受！

基础6断点

1 个答案: