Ответы пользователя по тегу Bootstrap
  • Допустимо ли использование нескольких .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 комментария
  • Как утопить блок?

    @ViktorWhere
    Frontend developer
    На бутстрапе это делается очень легко. Не понимаю почему помещение блоков в 2 и 4 в row не подойдет.
    Например так:

    <div class="container">
        <div class="row">
            <div class="col-sm-3">Левый блок</div>
            <div class="col-sm-6">
                <div class="row">
                    <div class="col-12 mb-1">Верхний блок по середине</div>
                    <div class="col-12 mb-1">Нижний блок по середине</div>
                </div>
            </div>
            <div class="col-sm-3">Правый блок</div>
        </div>
    </div>
    Ответ написан
    Комментировать