How to increase bootstrap grid?

I

im_dimas2018-07-13 15:12:29

css

im_dimas, 2018-07-13 15:12:29

Hello, there was a problem when adjusting the site layout on the bootstrap, it will probably be more informative if I attach a screenshot:
https://screenshots.firefox.com/LJEwVLYBQNu1X4mE/h...
I need to expand blocks 1 and 3 so that they are 250 wide -260 pixels approx. I don't know how this can be done without reducing block 2, because bootstrap has a limit of 12 columns, and this limit has already been reached.
If I put the class col-sm-3 on blocks 1 and 3, then block 1 expands normally, and the third one slides down, because it does not fit into the 12-column grid.
Tell me, how can I solve this problem?
I'm not some kind of professional layout designer. rather just an amateur and a bit of a freelancer, such an order came across.

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

I

iBird Rose, 2018-07-13
@dimas199862

don't use bootstrap for these blocks. arrange them with the same flex as it suits you, and already inside them you can use the bootstrap further.

A

Artyom, 2018-07-13
@SlampD

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

I

im_dimas, 2018-07-13
@dimas199862

Thanks iBird Rose , solved the problem
https://screenshots.firefox.com/CGTpt1CgLfdLjgjj/h...