diff options
Diffstat (limited to 'docs/_includes/css/helpers.html')
| -rw-r--r-- | docs/_includes/css/helpers.html | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/docs/_includes/css/helpers.html b/docs/_includes/css/helpers.html index e787a3103..9b7223740 100644 --- a/docs/_includes/css/helpers.html +++ b/docs/_includes/css/helpers.html @@ -40,15 +40,18 @@ <p class="bg-warning">...</p> <p class="bg-danger">...</p> {% endhighlight %} - + <div class="bs-callout bs-callout-info"> + <h4>Dealing with specificity</h4> + <p>Sometimes contextual background classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element's content in a <code><div></code> with the class.</p> + </div> <h3 id="helper-classes-close">Close icon</h3> <p>Use the generic close icon for dismissing content like modals and alerts.</p> <div class="bs-example"> - <p><button type="button" class="close" aria-hidden="true">×</button></p> + <p><button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button></p> </div> {% highlight html %} -<button type="button" class="close" aria-hidden="true">×</button> +<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> {% endhighlight %} @@ -113,7 +116,7 @@ <h3 id="helper-classes-clearfix">Clearfix</h3> - <p>Clear the <code>float</code> on any element with the <code>.clearfix</code> class. Utilizes <a href="http://nicolasgallagher.com/micro-clearfix-hack/">the micro clearfix</a> as popularized by Nicolas Gallagher. Can also be used as a mixin.</p> + <p>Easily clear <code>float</code>s by adding <code>.clearfix</code> <strong>to the parent element</strong>. Utilizes <a href="http://nicolasgallagher.com/micro-clearfix-hack/">the micro clearfix</a> as popularized by Nicolas Gallagher. Can also be used as a mixin.</p> {% highlight html %} <!-- Usage as a class --> <div class="clearfix">...</div> |