aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-06-10 22:39:27 -0700
committerMark Otto <[email protected]>2014-06-10 22:39:27 -0700
commitdacaf619d2410e69ad8d3252ea2d0e992e296a84 (patch)
tree2f166a53b4881c94d2b910e4da27907d58e0aa51
parente136ba0fa368d3c81da71ce0b6ce562a419e8593 (diff)
downloadbootstrap-dacaf619d2410e69ad8d3252ea2d0e992e296a84.tar.xz
bootstrap-dacaf619d2410e69ad8d3252ea2d0e992e296a84.zip
docs callout for #13219
-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..ce0c5b4f0 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>