I am having trouble centering the iframe image and also getting the border around the iframe to fit properly with responsive.
Adding col-sm-offset-1
to the <div>
that contains the <iframe>
to center it. However it won’t center at medium screens because col-md-9
has an odd value (it’s offset by 1 grid unit, then occupy 9 grid units, and left with 2 grid units at the right side). I’d just remove the col-md-9
, or replace it with and even value then add col-md-offset-[value]
.
As for the borders I have no idea how to fix them
Thank you kevcomedia! I searched for hours trying to figure out centering of the iframe.