How to do pixel-to-pixel layout on bootstrap?

Question

Layout

The question, perhaps rhetorical, but since. I didn't work much with bootstrap. Actually in the task, the layout is "pixel to pixel" (2-3 pixels error is acceptable).
How to keep original dimensions when layout on bootstrap. After all, for example, the same indents of the "col" blocks of the bootstrap are standard, like 15px, and if there are other distances in the layout, is it to write your own styles everywhere? Or, for example, the main container is not always the same for all sites 1140px

Answer 1

Download sources: https://getbootstrap.com/docs/4.0/getting-started/... -> Download Source
You look at the software and assembly: https://getbootstrap.com/docs/4.0/getting-started/. ..
You edit scss for yourself and assemble your own bootstrap with blackjack and cats =) True, you need to know a little more scss.
For example, in the archive: \bootstrap-4.0.0\scss\_variables.scss

// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
) !default;

@include _assert-ascending($container-max-widths, "$container-max-widths");


// Grid columns
//
// Set the number of columns and specify the width of the gutters.

$grid-columns:                12 !default;
$grid-gutter-width:           30px !default;

I think everything is clear here, here you have the grid and the number of columns and the distance between the columns ...
There is a lot of everything, you can even remove the extra that you don’t need, with an understanding of what you are doing =)