Bourbon Neat - необходим ли внешний контейнер?

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 в