Как увеличить сетку bootstrap?

Question

[im_dimas]

Здравствуйте, возникла проблема при корректировке верстки сайта на бутстрапе, наверное будет информативнее если я прикреплю скриншот:

https://screenshots.firefox.com/LJEwVLYBQNu1X4mE/h...

Мне нужно расширить 1 и 3 блоки так, чтобы они были шириной по 250-260 пикселей примерно. Не знаю, как это можно сделать, не уменьшив 2 блок, ведь в бутстрапе ограничение в 12 колонок, и этот лимит уже достигнут.
Если я ставлю на 1 и 3 блоки класс col-sm-3, то 1 блок расширяется нормально, а третий съезжает вниз, так как не умещается в сетку в 12 колонок.

Подскажите, как можно решить эту проблему?
Я не какой-то профессиональный верстальщик. скорее просто любитель и немного фрилансер, такой вот попался заказ.

Comments

[Dymok]

если вы ставите для 1 и 3 блока по 3 колонки, то почему бы для 2 блока не поставить 6 колонок, чтобы в сумме они занимали 12?

[im_dimas]

Dymok, как раз, если я трону 2 блок, то там уже будет проблемма с баннером, он не уместится. в этом и проблема

[im_dimas]

Dymok, такая каша получается, ниже еще вариант предложили, сейчас его попробую

Answer 1

[iBird Rose]

тк не используй бутстрап для этих блоков. расположи их тем же флексом как тебе будет удобно, а уже внутри них можешь и бутстрап использовать дальше.

Comments

[im_dimas]

хм, сейчас попробую, спасибо

Answer 2

[Артём]

https://getbootstrap.com/docs/4.0/layout/grid/#cus...

Answer 3

[im_dimas]

Спасибо iBird Rose , решил проблему
https://screenshots.firefox.com/CGTpt1CgLfdLjgjj/h...