1

Есть два варианта разметки, но какой из них правильный?

<div class="container">
    <div class="row">
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>

        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
    </div>
</div>

Или

<div class="container">
    <div class="row">
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
    </div>

    <div class="row">
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
        <div class="col-3"></div>
    </div>
</div>
1
  • 1
    Смотря что тебе нужно получить...
    – Keeplod
    Commented 12 февр. 2019 в 4:03

2 ответа 2

2

Оба варианта верны. Все зависит от ситуации. Даже в самой документации Bootstrap 4 есть пример где используются колонки условной суммой большей 12ти

Mix and Match]

Есть интересный материал (англ.), где приведены пару примеров использования первого варианта, начинающим будет полезно.

1

класс row- позволяет все блоки в одну строку подравнять.В данном случае 2-ой вариант правильный, так как максимум 12 сеток, и вы заполняете все 12. В 1 варианте вы пытаетесь в 12 сеток запихать 24 сеток , поэтому оно скатится вниз.(где md,sm,lg,xs)?

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.