Как создать блок как на картинке с помощью bootstrap?

Question

[Сергей Васенин]

h Подскажите как создать самый первый блок после поиска с помощью сеток просто в голову не приходит как такое можно создать.

Answer 1

[Николай]

div с инлайновой картинкой на фоне, и div с классами .col-md-offset-9 .col-md-3, внутри которых контент. И заголовок position: absolute c отрицательным left. Оранжевая линия и треугольник через after и before.

Comments

[Сергей Васенин]

col-md-offset Это колонка без отступов я так понял?

[Максим Маркитантов]

col-md-offset-x это отступить x md колонок слева

[Сергей Васенин]

Максим Маркитантов: а можно как то сделать допустим мд 8 и 4 без отступов

[Николай]

Сергей Васенин: можно, убирать нужно будет padding у .row, загугли сниппет no-gutter

[Сергей Васенин]

Николай: допустим у меня ниже разделение по 3 блока может кол мд не 9 а 8 и кол мд 4 ? а ниже все по кол мд 4

[Николай]

Сергей Васенин: можно, это же сетка. разделяй как нравится.

Answer 2

[Alibek Kulseitov]

Лови Демо