Ответы пользователя по тегу Адаптивный дизайн
  • Допустимо ли использование нескольких .container в одном блоке?

    @ViktorWhere
    Frontend developer
    Несколько правил которые облегчат вашу верстку на 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 соответственно.
    Ответ написан
    2 комментария