波旁威士忌 - 是否需要外部容器？

Question

我想知道是否需要@include outer-container？

我注意到，行爲（在表面）是有或沒有相同的。但是，我意識到假設這可能會有影響。

---

page.html中與外容器

<div class = "container"> 
    <div class = "box"></div> 
</div> 

page.scss與外容器

.container { 
    @include outer-container; 
    .box { 
     @include span-columns(6); 
    } 
} 

---

page.html中沒有外容器

<div class = "box"></div> 

page.scss沒有外容器

.box { 
    @include span-columns(6); 
} 

的這兩個結果在創造一個div相同的效果與一半的頁面寬度。那麼，是否需要@include outer-container？

不使用它的可能含義是什麼？

Answer 1

引用的純文檔：

儘管是任選的，使用外容器建議

它清除浮動，在視口中心的容器，並設置一個最大寬度。以下：

.element { 
    @include outer-container(100%); 
    } 

將輸出這樣的：

.element { 
    *zoom: 1; 
    max-width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    } 

    .element:before, .element:after { 
    content: " "; 
    display: table; 
    } 

    .element:after { 
    clear: both; 
    } 

個人而言，我總是使用它們，因爲你需要某種容器將您span-columns在