Inserting Bootstrap 4 Responsive Images In Kramdown

  • Published: August 7, 2016

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
Except as otherwise noted, the content of this page is licensed under CC BY-NC-ND 4.0 ·