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