Щебетать в бутстрап-контейнерах

Я использую bootstrap в течение нескольких месяцев, и я хочу прояснить что-то как часть лучших практик.

Мой вопрос: создать контейнер для каждой строки или только один большой контейнер для всей страницы.

Пример1 (Закрытые контейнеры)

<div class="container">
    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>
</div>


<div class="container">
    <div class="row">
        <div class="span8 offest2">
            <h1>More Content</h1>
        </div>
    </div>
</div>

Пример 2 (1 большой контейнер)

<div class="container">

    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>

    <div class="row">
        <div class="span8 offest2">
            <h1>Content</h1>
        </div>
    </div>

</div>

Любая помощь оценивается, просто не хотите рано попасть в вредные привычки

Ответ 1

Я бы порекомендовал второй пример. В первом случае у вас есть дубликат кода, который не имеет никакого реального смысла. Всегда думайте о принципе "Не повторяйте себя".

Ответ 2

Несколько строк могут логически быть частью одной и той же сетки, например строк в таблице. Контейнер представляет собой одну сетку. Таким образом, пример 2 - это путь.