diff --git a/docs/_includes/components/labels.html b/docs/_includes/components/labels.html index bc2d5f9a25f93e41506ce1814abf51e6bb2ca8dd..ce0c5b4f092db2edcb2557e0bfa3e0ad6a4b9295 100644 --- a/docs/_includes/components/labels.html +++ b/docs/_includes/components/labels.html @@ -32,4 +32,9 @@ <span class="label label-warning">Warning</span> <span class="label label-danger">Danger</span> {% endhighlight %} + + <div class="bs-callout bs-callout-info"> + <h4>Have tons of labels?</h4> + <p>Rendering problems can arise when you have dozens of inline labels within a narrow container, each containing it's own <code>inline-block</code> element (like an icon). The way around this is setting <code>display: inline-block;</code>. For context and an example, <a href="https://github.com/twbs/bootstrap/issues/13219">see #13219</a>.</p> + </div> </div>