aboutsummaryrefslogtreecommitdiff
path: root/components.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-09-11 23:02:11 -0700
committerMark Otto <[email protected]>2013-09-11 23:02:11 -0700
commitfc9293110732a1ddd143cf29e9d82a6b8e00dc42 (patch)
tree6c7d696a4b239f5ff857f42fe29e3ff46cb71d5f /components.html
parent682ee3ab1e3683d2352d01a5be94abd559573e10 (diff)
parent851acf3f33b8e8b3fe0440f4908f218ed3ad2c82 (diff)
downloadbootstrap-fc9293110732a1ddd143cf29e9d82a6b8e00dc42.tar.xz
bootstrap-fc9293110732a1ddd143cf29e9d82a6b8e00dc42.zip
Merge pull request #10594 from twbs/navbar-form-labels-warning
add same accessibility warning from .form-inline to .navbar-form docs
Diffstat (limited to 'components.html')
-rw-r--r--components.html5
1 files changed, 5 insertions, 0 deletions
diff --git a/components.html b/components.html
index 81f0ae8d2..f107a1b09 100644
--- a/components.html
+++ b/components.html
@@ -1562,6 +1562,11 @@ base_url: "../"
</form>
{% endhighlight %}
+<div class="bs-callout bs-callout-danger">
+ <h4>Always add labels</h4>
+ <p>Screen readers will have trouble with your forms if you don't include a label for every input. For these inline navbar forms, you can hide the labels using the <code>.sr-only</code> class.</p>
+</div>
+
<h2 id="navbar-buttons">Buttons</h2>
<p>For buttons not residing in a <code>&lt;form&gt;</code>, add this class to vertically center buttons within a navbar.</p>