Bootstrap 4 full width iframe inside a container

For semantic purposes sometimes you want to nest a full width item (in this instance a google map iframe) inside a .container element. Here’s the map: In order to make this full size you first need to remove the width and height properties from the url then you need to substitute some custom css. The […]

Bootstrap 4 Carousel and Chrome

Neither bootstrap 4’s carousel nor the .img-flex class works properly on Chrome. Instead of flexing the images proportionately it shrinks them widthwise while retaining the original height. The result looks a bit weird: This is actually fairly simple to fix all you need to do is add object-fit: contain; to the css for .img-flex. Unfortunately that […]