Как правильно использовать колонки bootstrap 4/5?

Question

[anna_makeenko]

Смотрю примеры шаблонов bootstrap 4 и вижу, что в одних местах используются ряды/колонки, а в других простые блоки с классами для отступов.

https://getbootstrap.com/docs/4.5/examples/pricing/

К примеру есть такая верстка:

<div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="mt-5 text-center">
                    <p class="h4">...</p>
                </div>
            </div>
        </div>
    </div>

Правильно ли я понимаю, что в данном случае не нужно использовать классы row/col-md* и стоит просто сделать так?

<div class="container">
        <div class="mt-5 text-center">
            <p class="h4">...</p>
        </div>
    </div>

В каких случаях нужно использовать row/col-md*?

Answer 1

[sHARek]

гугл хром - Контрл + Шифт + С дальше на картинке:



И тестируйте мд, дд и хренаде сколько угодно.

Answer 2

[archelon]

разумеется, нет никакого смысла городить эту конструкцию из row и col для простого блока.
и эта обертка <div class="mt-5 text-center">тоже совершенно не нужна

Comments

[anna_makeenko]

т.е. должно быть так?

<div class="container">
        <p class="mt-5 text-center h4">...</p >
    </div>

[archelon]

как должно быть, я не знаю, т.к. не вижу задачу целиком. не факт, что и container здесь необходим.
я хочу сказать, что дополнительные обертки над элементами желательно делать тогда, когда они действительно необходимы.

[anna_makeenko]

archelon, ну вот пример (шаблон с оф. сайта) https://getbootstrap.com/docs/4.5/examples/pricing/

Почему в таблице тарифов ряд (row) не используется, а в футере он есть?

[archelon]

вместо row там card-deck, который, как и row, имеет свойство display:flex

[anna_makeenko]

archelon, так, а к чему эти танцы, если можно было использовать row? Особенно учитывая, что это шаблон с оф сайта

[archelon]

это карточки, там есть свои нюансы
https://getbootstrap.com/docs/4.0/components/card/
https://itchief.ru/bootstrap/card-v4

[anna_makeenko]

archelon, и все таки, это не из-за карточек.

В документации есть примеры с использованием рядов

https://getbootstrap.com/docs/4.0/components/card/...