Допустимо ли использование нескольких .container в одном блоке?

Question

[sasha_jarvi]

Допустимо ли использование нескольких .container в одном блоке? Например, так

<section class="video-diaries">
    <div class="container"></div>
    <div class="container-fluid"></div>
    <div class="container"></div>
</section>

Comments

[Rustam Bainazarov]

Да.

Answer 1

[Lord_Dantes]

Ну да, почему бы и нет. Просто если разные секции, я бы разделил на разные секции, а не на одну.

Answer 2

[ViktorWhere]

Несколько правил которые облегчат вашу верстку на BS4.

1. container - Что это? Это обычный блок с заданной фиксированной шириной и паддингами с лева и соответственно с права. container не может находиться в container. Т.е следующая структура не корректна:

<div class="container">
        <div class="row">
            <div class="col-12">
                <div class="container">
                    Это не правильно!
                </div>
            </div>
        </div>
    </div>

Правильно:

<div class="container">
    <div class="row">
        <div class="col-12">
            Текст
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-12">
            Текст - 2
        </div>
    </div>
</div>

Так же как и col не может быть вложен в col.

<div class="container">
    <div class="row">
        <div class="col-12">
            <div class="col-5">
                col нельзя вкладывать в col
            </div>
        </div>
    </div>
</div>

Ну и row соответственно.

Comments

[Сергей delphinpro]

Так же как и col не может быть вложен в col.

Может, если мне по-быстрому нужно сварганить двойной внутренний отступ =)

[ViktorWhere]

Сергей delphinpro, Двойной внутренний отступ вы можете сварганить добавив класс py. Например py-1, py-2 и т.д. Вставлять col в col для создания отступа, совсем не разумно.