Почему слетает верстка при m-*?

Question

[SerenePawn]

При верстке все 3 дива должны быть в одну строку. При m-0 классе они так и работают, но мне нужны отступы. Решение с padding-ами мне не кажется красивым и правильным... Использовать w-100 — тоже криво. Если при расширении останется 2 колонки, то они растянутся. Нагуглить не смог.
https://jsfiddle.net/pf69d7oe/17/

Answer 1

[Дархан]

А вы точно проходили основы бутстрапа?
Я может чего-то не знаю,но так ведь не должно быть.

<div class="archive container col-xl-9">
          <h2 class="text-center">Типа Архив</h2>
           <div class="row">

Чтобы добавить margin\padding к таким элементам надо элементы оборачивать в див с классом item

Comments

[SerenePawn]

Насчет этого я как-то затупил слишком сильно. Был бы благодарен, если есть ссылки на источники этих основ. А то нахожу только какие-то видеоуроки. Если только вылезать из зоны комфорта и идти к англоязычному сообществу за этими основами..

[Дархан]

SerenePawn, не там ищите.
Оф документация всегда выручает
bootstrap-4.ru/docs/4.0/layout/grid
Я первое время смотрел "джедаи" верстки по bootstrap

Answer 2

[eternalfire]

что мешает обернуть содержимое колонки в контейнер и ему назначить отступы?
https://jsfiddle.net/pf69d7oe/26/