Doug's Blog

Bootstrap 4 Left Align Card Image

Bootstrap 4 moves to the concept of cards (instead of the old panels and wells of Bootstrap 3). Cards come with some cool variations, one of which is a top or bottom image cap, like this:

screenshot_56

I wanted a variation that doesn’t exist, a left “cap” image for the card. Here’s how I did it:

https://gist.github.com/nullvariable/5347ffce56d9b2c50e7f4905d061c92b

And here’s the end result:

screenshot_57

November 17, 2016