How to make pixel perfect on bootstrap?

Question

css

Suppose there are moments in the layout that do not fit into the 12-column bootstrap grid, for example:
1) The left block col in width can be equal to 2.5 (two and a half standard columns) or 3.7 (standard columns) - the right block 7.8 (standard columns).
2) The point of the media query if the block is not standard will also be different.
3) The width of the main container is not bootstrap, for example 1750px.
4) How are the sites not drawn under the bootstrap grid pixel perfect in general. Alternatively, it can be assumed that the styles of the framework overlap in some places or there are other solutions.
All values ​​are taken as an example. How best to handle such moments?

Answer 1

overflow: hidden;

Answer 2

The left col block can be 2.5 wide (two and a half standard columns)

And what doesn't fit here?

.col {
  @include make-col-ready();
  @include make-col(2.5);
}

similarly popular five-column theme

.col-1-of-5 {
  @include make-col-ready();
  @include make-col(1, 5);
}

there is no "grid bootstrap", there is "grid in bootstrap". And with this mesh, you can do whatever you want.
Hence the conclusion: if the design is drawn on a grid (no matter how), then it can also be made up using a grid from the bootstrap.

Answer 3

1) don't use bootstrap's col and make your own columns?
2) well, put your points
3) everything you want is customized here getbootstrap.com/docs/3.3/customize
4) see item 1

Answer 4

The question sounds something like this - "what is the best and most convenient way to put on pants over your head?"
The answer is "no need to put on pants over your head."
Don't use Bootstrap where the logic of the layout conflicts with its design.