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
    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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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