From aa454134ecb1b0c5c10bdb8c0639dc14f1b1a001 Mon Sep 17 00:00:00 2001 From: Kevin Suttle Date: Sat, 10 Aug 2013 22:33:53 -0400 Subject: [PATCH] Use nav for proper HTML5 ARIA role mapping http://www.w3.org/html/wg/drafts/html/master/sections.html#the-nav-element http://dev.w3.org/html5/spec/sections.html#the-nav-element http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/#tablex --- _includes/nav-main.html | 6 +-- components.html | 116 ++++++++++++++++++++-------------------- javascript.html | 8 +-- 3 files changed, 66 insertions(+), 64 deletions(-) diff --git a/_includes/nav-main.html b/_includes/nav-main.html index 6b5742cd1f..7a2ded3be4 100644 --- a/_includes/nav-main.html +++ b/_includes/nav-main.html @@ -1,4 +1,4 @@ - {% highlight html %} - + {% endhighlight %}
@@ -1206,7 +1208,7 @@ body { padding-top: 70px; }

Add .navbar-fixed-bottom instead.

- +
{% highlight html %} - + {% endhighlight %}
@@ -1235,7 +1237,7 @@ body { padding-bottom: 70px; }

Create a full-width navbar that scrolls away with the page by adding .navbar-static-top. Unlike the .navbar-fixed-* classes, you do not need to change any padding on the body.

- +
{% highlight html %} - + {% endhighlight %}

To implement a collapsing responsive navbar, wrap your navbar content in a containing div, .nav-collapse.collapse, and add the navbar toggle button, .navbar-toggle.

- {% highlight html %} - -
+ {% endhighlight %}
@@ -1377,7 +1379,7 @@ body { padding-bottom: 70px; }

Modify the look of the navbar by adding .navbar-inverse.

- -
+
{% highlight html %} - + {% endhighlight %}
diff --git a/javascript.html b/javascript.html index 2d48e26e05..8c1bd27af3 100644 --- a/javascript.html +++ b/javascript.html @@ -355,7 +355,7 @@ $('#myModal').on('hidden.bs.modal', function () {

Within a navbar

-

@fat