Bootstrap 3 Workarounds Revisted

With Bootstrap 4 on the way I was reminded of some of the crazy workarounds we’ve had to come up with over the years to make features that simply didn’t exist in Bootstrap 3. Here are just a few that I’ve developed…

Bootstrap Horizontal Panel

Last year I was involved with the creation of a large web application that required a three column panel of sorts. The only thing I could think of was a horizontal bootstrap panel. I made one on jsfiddle and posted the results to Stack Overflow.

Bootstrap Table Panel

For that same web application I needed table style panel and wound up making this…

Bootstrap col-ms-* SCSS

This is a hack to fill the gap between 480 and 760 pixels – a missing range in the bootstrap responsive grid structure. Use these classes to style pages on cellphones when they transition from portrait to landscape. It’s a bit rough around the edges, but there are lots of other examples out there.