Fixed the navbar toggle in example templates by changing all the ".btn .btn-navbar...

diff --git a/carousel.html b/carousel.html
index d3b1ece9de8e6f92a47a207bfde6ca75b886ab57..423fdc6d37564f1c0b072f0e1621a2e3a47a0bb7 100644 (file)
--- a/carousel.html
+++ b/carousel.html
@@ -56,7 +56,7 @@ body {
 }
 
 /* Offset the responsive button for proper vertical alignment */
-.navbar .btn-navbar {
+.navbar .navbar-toggle {
   margin-top: 10px;
 }
 
@@ -258,7 +258,7 @@ body {
     <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. -->
-        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>

diff --git a/jumbotron.html b/jumbotron.html
index ba02b1f3749180d787c1e648a1508e794cd32937..fafa53d494779295bc6f7052e457de15fd873e00 100644 (file)
--- a/jumbotron.html
+++ b/jumbotron.html
@@ -39,7 +39,7 @@ title: Jumbotron template
 
 <div class="navbar navbar-inverse navbar-fixed-top">
   <div class="container">
-    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+    <a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>

diff --git a/starter-template.html b/starter-template.html
index 32e35d6b6b7cedacc62d62c42cd49758526045e3..c45c9445eab8d6b7b100ce2a5cebfc7afccb990c 100644 (file)
--- a/starter-template.html
+++ b/starter-template.html
@@ -18,7 +18,7 @@ title: Starter template
 <div class="navbar navbar-inverse navbar-fixed-top">
   <div class="navbar-inner">
     <div class="container">
-      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>

diff --git a/sticky-footer-navbar.html b/sticky-footer-navbar.html
index 1051a95c407324a4e74b40bf0d879e306a488331..b00bfd5aba1f02843a113457ccf5300d111fdfe5 100644 (file)
--- a/sticky-footer-navbar.html
+++ b/sticky-footer-navbar.html
@@ -70,7 +70,7 @@ title: Sticky footer with navbar template
   <!-- Fixed navbar -->
   <div class="navbar navbar-fixed-top">
     <div class="container">
-      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>