Как получить пространство между flex элементами?

Question

[webhero]

Впервые столкнулся с подобной проблемой. Варианты justify-content не помогают, прописывание ширины блоков вручную также - ноль реакции, даже с !important

Использую bootstrap 4, сбросил родные padding у col (которые, к слову, тоже не давали никакого пространства между блоками), поставил margin, всё окей, но конструкция выходит за пределы контейнера.

подскажите(

Comments

[TheRevan]

ссылку в студию пж

[webhero]

TheRevan, ссылку на что?

[Dymok]

webhero, на сайт или код в песочнице(codepen, jsfiddle)

[TheRevan]

UnluckySerivelha, на песочницу желательно

[Сергей delphinpro]

сбросил родные padding у col

ну и нафига, если не понимаете для чего?..

.row > .col-md-3.my-flex > .myblock

.my-flex { display: flex }
.myblock { border: 1px solid; }

если непонятно что это, пили код в песочнице, покажу.

[webhero]

UnluckySerivelha, TheRevan, Сергей delphinpro, col сбросил, чтобы border дотягивался до края. Посмотри как в песочнице без этого смотрится https://codepen.io/anon/pen/BroyQa

[Сергей delphinpro]

webhero, https://codepen.io/anon/pen/jzbPWa?editors=1100

[webhero]

Сергей delphinpro, спасибо большое за подсказку. Я правильно понимаю, что нужно было обернуть блок в каждом col в дополнительный div price-item и уже ему назначать ширину и рамку? Единственное не догоняю, почему у меня не сработало с моим классом, который я дописал непосредственно в col