put new toggler markup to use

author: Mark Otto <[email protected]> 2016-12-21 22:11:04 -0800
committer: Mark Otto <[email protected]> 2016-12-22 13:48:07 -0800
commit: df566160e76b7383cd6c9448d8867b7b1a1913c9 (patch)
tree: 79f5da83304f2f9230b6e125a9c5d29a2ae01567 /docs/examples
parent: 8d9d84784a9f8be8989ec58cc6561bc5b242c107 (diff)
download: bootstrap-df566160e76b7383cd6c9448d8867b7b1a1913c9.tar.xz
bootstrap-df566160e76b7383cd6c9448d8867b7b1a1913c9.zip
8 files changed, 36 insertions, 12 deletions
diff --git a/docs/examples/album/index.html b/docs/examples/album/index.html
index 217ee5877..f2f542257 100644
--- a/docs/examples/album/index.html
+++ b/docs/examples/album/index.html
@@ -41,7 +41,9 @@
     <div class="navbar navbar-inverse bg-inverse navbar-toggleable-sm">
       <div class="container flex-items-between">
         <a href="#" class="navbar-brand">Album</a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"></button>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
       </div>
     </div>
 
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index f59123536..f1e28475f 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -20,7 +20,9 @@
   <body>
 
     <nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
-      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
+      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
       <a class="navbar-brand" href="#">Carousel</a>
       <div class="collapse navbar-collapse" id="navbarCollapse">
         <ul class="nav navbar-nav mt-2 mt-lg-0">
diff --git a/docs/examples/dashboard/index.html b/docs/examples/dashboard/index.html
index 96133e61a..11c85b155 100644
--- a/docs/examples/dashboard/index.html
+++ b/docs/examples/dashboard/index.html
@@ -20,7 +20,9 @@
 
   <body>
     <nav class="navbar navbar-fixed-top navbar-inverse bg-inverse">
-      <button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"></button>
+      <button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
       <div class="collapse navbar-toggleable-sm" id="navbar">
         <a class="navbar-brand" href="#">Project name</a>
         <ul class="nav navbar-nav float-sm-right">
diff --git a/docs/examples/justified-nav/index.html b/docs/examples/justified-nav/index.html
index 73c443527..d2aaf17d2 100644
--- a/docs/examples/justified-nav/index.html
+++ b/docs/examples/justified-nav/index.html
@@ -26,7 +26,9 @@
         <h3 class="text-muted">Project name</h3>
 
         <nav class="navbar navbar-light bg-faded rounded mb-3">
-          <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
+          <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
           <div class="collapse navbar-toggleable-md" id="navbarCollapse">
             <ul class="nav navbar-nav text-md-center flex-items-md-between">
               <li class="nav-item active">
diff --git a/docs/examples/navbar-top-fixed/index.html b/docs/examples/navbar-top-fixed/index.html
index c38aaef1b..621292283 100644
--- a/docs/examples/navbar-top-fixed/index.html
+++ b/docs/examples/navbar-top-fixed/index.html
@@ -21,7 +21,9 @@
   <body>
 
     <nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
-      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
+      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
       <a class="navbar-brand" href="#">Fixed navbar</a>
       <div class="collapse navbar-collapse" id="navbarCollapse">
         <ul class="nav navbar-nav mt-2 mt-lg-0">
diff --git a/docs/examples/navbar-top/index.html b/docs/examples/navbar-top/index.html
index 04c03ac21..242b46d5d 100644
--- a/docs/examples/navbar-top/index.html
+++ b/docs/examples/navbar-top/index.html
@@ -21,7 +21,9 @@
   <body>
 
     <nav class="navbar navbar-inverse navbar-toggleable-md bg-inverse mb-3">
-      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
+      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
       <a class="navbar-brand" href="#">Fixed navbar</a>
       <div class="collapse navbar-collapse" id="navbarCollapse">
         <ul class="nav navbar-nav mt-2 mt-lg-0">
diff --git a/docs/examples/navbars/index.html b/docs/examples/navbars/index.html
index 934c2cd03..602b10bb2 100644
--- a/docs/examples/navbars/index.html
+++ b/docs/examples/navbars/index.html
@@ -21,7 +21,9 @@
   <body>
 
     <nav class="navbar navbar-inverse bg-inverse">
-      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"></button>
+      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
       <a class="navbar-brand" href="#">Navbar</a>
 
       <div class="collapse navbar-toggleable-md" id="navbarsExampleDefault">
@@ -53,7 +55,9 @@
 
     <nav class="navbar navbar-inverse bg-inverse">
       <div class="container">
-        <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleContainer" aria-controls="navbarsExampleContainer" aria-expanded="false" aria-label="Toggle navigation"></button>
+        <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleContainer" aria-controls="navbarsExampleContainer" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
         <a class="navbar-brand" href="#">Container</a>
 
         <div class="collapse navbar-toggleable-md" id="navbarsExampleContainer">
@@ -85,7 +89,9 @@
     </nav>
 
     <nav class="navbar navbar-inverse bg-inverse">
-      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleCenteredNav" aria-controls="navbarsExampleCenteredNav" aria-expanded="false" aria-label="Toggle navigation"></button>
+      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleCenteredNav" aria-controls="navbarsExampleCenteredNav" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
 
       <div class="collapse navbar-toggleable-md" id="navbarsExampleCenteredNav">
         <ul class="nav navbar-nav text-md-center">
@@ -112,7 +118,9 @@
 
     <div class="container">
       <nav class="navbar navbar-light bg-faded rounded">
-        <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#containerNavbar" aria-controls="containerNavbar" aria-expanded="false" aria-label="Toggle navigation"></button>
+        <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#containerNavbar" aria-controls="containerNavbar" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
         <a class="navbar-brand" href="#">Navbar</a>
 
         <div class="collapse navbar-toggleable-md" id="containerNavbar">
@@ -143,7 +151,9 @@
       </nav>
 
       <nav class="navbar navbar-light bg-faded rounded">
-        <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#containerNavbarCenter" aria-controls="containerNavbarCenter" aria-expanded="false" aria-label="Toggle navigation"></button>
+        <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#containerNavbarCenter" aria-controls="containerNavbarCenter" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
 
         <div class="collapse navbar-toggleable-md" id="containerNavbarCenter">
           <ul class="nav navbar-nav text-md-center">
diff --git a/docs/examples/sticky-footer-navbar/index.html b/docs/examples/sticky-footer-navbar/index.html
index bc2708a50..c15cae2fe 100644
--- a/docs/examples/sticky-footer-navbar/index.html
+++ b/docs/examples/sticky-footer-navbar/index.html
@@ -22,7 +22,9 @@
 
     <!-- Fixed navbar -->
     <nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
-      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
+      <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
       <a class="navbar-brand" href="#">Fixed navbar</a>
       <div class="collapse navbar-collapse" id="navbarCollapse">
         <ul class="nav navbar-nav mt-2 mt-lg-0">
author	Mark Otto <[email protected]>	2016-12-21 22:11:04 -0800
committer	Mark Otto <[email protected]>	2016-12-22 13:48:07 -0800
commit	df566160e76b7383cd6c9448d8867b7b1a1913c9 (patch)
tree	79f5da83304f2f9230b6e125a9c5d29a2ae01567 /docs/examples
parent	8d9d84784a9f8be8989ec58cc6561bc5b242c107 (diff)
download	bootstrap-df566160e76b7383cd6c9448d8867b7b1a1913c9.tar.xz bootstrap-df566160e76b7383cd6c9448d8867b7b1a1913c9.zip