From cc58a65fa125f119af713db5d92413c093503ce4 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Fri, 1 Feb 2013 10:33:36 -0800
Subject: [PATCH] Use button element instead of a for responsive navbar buttons

---
 carousel.html             | 4 ++--
 fluid.html                | 4 ++--
 hero.html                 | 4 ++--
 starter-template.html     | 4 ++--
 sticky-footer-navbar.html | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/carousel.html b/carousel.html
index 50f34e648d..81d1a28a18 100644
--- 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 b004ffad69..faf811b3ad 100644
--- 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 c28b757b96..ef7b222e1c 100644
--- 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 b81f21d174..29c47a89c9 100644
--- 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 cb5de6de2a..a9027c8c28 100644
--- 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">
-- 
2.47.2