aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/components/labels.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/_includes/components/labels.html')
-rw-r--r--docs/_includes/components/labels.html5
1 files changed, 5 insertions, 0 deletions
diff --git a/docs/_includes/components/labels.html b/docs/_includes/components/labels.html
index bc2d5f9a2..05cf2fe81 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 its 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>