I’m having a problem with a div that won’t center at a certain range of window width. It actually even goes outside the container. I’ve checked and it’s specifically from 768px - 991px. All other ranges, it’s fine, but in this range it goes crazy. I’m sure this is a pretty easy fix, but I’ve tried searching for the answer to this problem with no results. I’m guessing I just can’t word it right.
Maybe some of my styling is interfering with bootstrap?
The grid is working fine but your images’ width are overflowing (because they are not fluid). If you want to use Bootstrap 4, use just one row and “col-auto”, instead of “col-md-4”, to have the columns adjust to the content inside of it. Then, to center the content, you can use justify-content-center and text-center.
It works with Bootstrap 3 'cause it uses display:table for its .row class, while Bootstrap 4 uses flexbox and they act differently with non-responsive content (like your images).