Inserting Bootstrap 4 Responsive Images In Kramdown

Published:
Last modified:
Tags Kramdown , Bootstrap-4

The common markup for inserting images in kramdown is:

![Homepage screenshot](/assets/homescreen.png)

The most used way to add a class to any markup is to use inline annotations in the line below of the markup with {:class="a-class"} but in this case it should be used in the same line, so this:

![Homepage screenshot](/assets/homescreen.png){:class="img-fluid"}

generates:

<img src="/assets/rails_first_homescreen.png" alt="Homepage screenshot" class="img-fluid">
Uruguay
Marcelo Canina
I'm Marcelo Canina, a developer from Uruguay. I build websites and web-based applications from the ground up and share what I learn here.
comments powered by Disqus


How to insert images with the Bootstrap 4 responsive class in kramdown.

Clutter-free software concepts.
Translations English Español

Except as otherwise noted, the content of this page is licensed under CC BY-NC-ND 4.0 . Terms and Policy.

Powered by SimpleIT Hugo Theme

·