Вопрос по bootstrap-4, twitter-bootstrap, twitter-bootstrap-4 – Благодарю. Должно быть, я как-то это упустил.

1

ользую bootstrap v4, и когда я обертываю столбцы в дополнительном div, макет становится неработающим. Это почему? Ссылка на кодеhttp://codepen.io/mariuszdaniel/pen/aJJjzJ

Работает

<div class="container">
    <div class="row">
        <div class="col-4"></div>
        <div class="col-8"></div>
    </div>
</div>

Не работает

<div class="container">
    <div class="row">
        <div class="myclass">
            <div class="col-4"></div>
            <div class="col-8"></div>
        </div>
    </div>
</div>

Ваш Ответ

1   ответ
3

col-* должен быть помещеннымнепосредственно внутриrow.

ПрочитайтеBootstrap документы..

«Содержимое должно быть размещено внутри столбцов, и только столбцы могут быть непосредственными потомками строк».

Этоособенно важно вBootstrap 4 потому что столбцы будут просто складывать / оборачивать вертикально, если не помещенынепосредственно внутри.row.

Также прочитайте:

Как работает Bootstrap Grid
Строки и столбцы начальной загрузки - нужно ли использовать строки?
Bootstrap 4.0 Grid System Layout не работает

Благодарю. Должно быть, я как-то это упустил. mariuszdaniel

Похожие вопросы