example shortcode doesn't account for different placeholder classes
While looking into this, I hit the following:
{{< example >}}
{{< placeholder width="75" height="75" class="rounded" title="Example rounded image" >}}
{{< placeholder width="75" height="75" class="rounded-top" title="Example top rounded image" >}}
{{< placeholder width="75" height="75" class="rounded-right" title="Example right rounded image" >}}
{{< placeholder width="75" height="75" class="rounded-bottom" title="Example bottom rounded image" >}}
{{< placeholder width="75" height="75" class="rounded-left" title="Example left rounded image" >}}
{{< placeholder width="75" height="75" class="rounded-circle" title="Completely round image" >}}
{{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}}
{{< placeholder width="75" height="75" class="rounded-0" title="Example non-rounded image (overrides rounding applied elsewhere)" >}}
{{< /example >}}
which results into this highlighted content:
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded" alt="...">
<img src="..." class="rounded" alt="...">
It keeps the first placeholder's class and uses it for every img.
I'm not sure right now how to solve it. If anyone has any ideas let me know.
The related shortcode: https://github.com/twbs/bootstrap/blob/master/site/layouts/shortcodes/example.html