Как правильно объединить несколько секций в контейнер бустрапа?

Question

[Barring]

Сейчас есть примерно такая структура страницы

<section class="first"></section>
        <section class="second"></section>
        <section class="third"></section>
        <section class="fourth"></section>

Появилась необходимость обернуть 2, 3, 4 секции обернуть в бутстраповский контейнер.
И это можно сделать либо, обернув каждую из секций в контейнер

<section class="first"></section>
        <section class="second"><div class="container"></div></section>
        <section class="third"><div class="container"></div></section>
        <section class="fourth"><div class="container"></div></section>

Либо же сделать дополнительную обёртку над секциями

<section class="first"></section>
        <div class="container">
          <section class="second"></section>
          <section class="third"></section>
          <section class="fourth"></section>
        </div>

И вроде как последний вариант самый простой и удобный, но вопрос в том, валиден ли он с точки зрения семантики и такого рода моментов, т.к. секции по идее должны лежать на одном уровне, а здесь этот момент нарушается.

Comments

[Сергей delphinpro]

В последнем варианте, с точки зрения семантики секции всё равно на одном уровне. Элемент div не несет семантической нагрузки.

[Антон Литвиненко]

Вообще без разницы. Я обычно контейнеры внутри секции ставлю