How to accurately size a Bootstrap column?

Question

Layout

There are many such moments that need to be done in a row of 3-4 columns with a certain margin and resetting the latter; but for some reason the column is slightly larger than the same picture and the last element does not fit and moves down. How to set a specific column size?

Answer 1

with a certain margin and zeroing the last one

https://getbootstrap.com/docs/4.1/layout/grid/#no-...
give the code, bootstrap has nothing to do with it, you made a mistake somewhere, don't move out
or not to use grid and use px, which in my opinion would be a very strange decision, or to understand how grid works:
https://getbootstrap.com/docs/4.1/layout/grid/
I'm sure that you are not building the code correctly hence the frequent problems. Either you don't use row or you don't use containers correctly. Give me the code and we'll tell you. If everything is done clearly, such problems as you do not happen.

Answer 2

99% I bet that you have pictures of different heights, moreover, these can even be fractions of a pixel.
The block height will not save you, because when you set it to a fixed one, you will have problems with different content lengths, especially when adaptive.
Option 1 is the right way to do previews and pixel by pixel.
2. in order to avoid 100% of such a situation in the future, you can make a small addition to php
, yes, it will not be in the layout, but anyway
, so you will need to make
an Empty Col 12 and visible-lg in your case, every 3 divs
, and, accordingly, the count 12 weezible md every second
what it will give
1. Divas will never crawl away no matter what you do in them
2. the height of the divs will adjust automatically
3. only standard classes and not a single js for this
4. stability with adaptive
5. if the divs are larger than the standard ones, this change will affect only one row,
you can look here
https://mydefile.ru/catalog