Use button element instead of a for responsive navbar buttons

diff --git a/carousel.html b/carousel.html
index 50f34e648dc985dea9fa0931174ea838a8c8e970..81d1a28a180b43006b69ea9ffd2a5e9097065add 100644 (file)
--- a/carousel.html
+++ b/carousel.html
@@ -279,11 +279,11 @@
         <div class="navbar navbar-inverse">
           <div class="navbar-inner">
             <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
-            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
-            </a>
+            </button>
             <a class="brand" href="#">Project name</a>
             <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
             <div class="nav-collapse collapse">

diff --git a/fluid.html b/fluid.html
index b004ffad698f52c2cd78178d897b527e0dda3342..faf811b3adca61dcdf77ef25986150d8042ae3ab 100644 (file)
--- a/fluid.html
+++ b/fluid.html
@@ -47,11 +47,11 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container-fluid">
-          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
-          </a>
+          </button>
           <a class="brand" href="#">Project name</a>
           <div class="nav-collapse collapse">
             <p class="navbar-text pull-right">

diff --git a/hero.html b/hero.html
index c28b757b96e845feecebdb8d3dee0e0abbbfff40..ef7b222e1cc2e60f6ad04c8964d58a3e8d3de1f4 100644 (file)
--- a/hero.html
+++ b/hero.html
@@ -35,11 +35,11 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
-          </a>
+          </button>
           <a class="brand" href="#">Project name</a>
           <div class="nav-collapse collapse">
             <ul class="nav">

diff --git a/starter-template.html b/starter-template.html
index b81f21d1748cdbc71f2f03683461804a33e2b710..29c47a89c9c63cfa044db6ee36c74327a41cdd5c 100644 (file)
--- a/starter-template.html
+++ b/starter-template.html
@@ -34,11 +34,11 @@
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
-          </a>
+          </button>
           <a class="brand" href="#">Project name</a>
           <div class="nav-collapse collapse">
             <ul class="nav">

diff --git a/sticky-footer-navbar.html b/sticky-footer-navbar.html
index cb5de6de2ad39f83b9835903876e4d6128ba0350..a9027c8c28096dc1455479825e23cac73bf42999 100644 (file)
--- a/sticky-footer-navbar.html
+++ b/sticky-footer-navbar.html
@@ -91,11 +91,11 @@
       <div class="navbar navbar-fixed-top">
         <div class="navbar-inner">
           <div class="container">
-            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
-            </a>
+            </button>
             <a class="brand" href="#">Project name</a>
             <div class="nav-collapse collapse">
               <ul class="nav">