S
S
sickgang2021-01-22 15:32:30
css
sickgang, 2021-01-22 15:32:30

How to change bootstrap 4 grid?

The layout got a FULL-HD resolution layout, the width of the content in the layout is 1636px, which is non-standard.
I tried to google how to change the bootstrap 4 grid so that you can layout for FULL-HD resolutions.
As far as I understand, it is possible to recompile the bootstrap SASS library, and write your values ​​into the variables $grid-breakpointsand $container-max-widths.
How can I do that?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Anvar Shakhmaev, 2021-01-22
@RxR

Bootstrap
customization How to customize Bootstrap 4 grid?
How to customize bootstrap 4?

S
sashabeep, 2021-01-23
@sashabeep

In principle, if the distances between cells are standard, it is enough to redefine the .container width at the required breakpoints.
For example, I never use containers at all. Enough to give

.row {
  max-width: 1666px; /*серединка + 2 уха по 15*/
  margin-left: auto;
  margin-right: auto;
}

in your styles and not use .container at all

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question