diff --git a/fluid.html b/fluid.html
index 4f3cbaab9..5b93ac278 100644
--- a/fluid.html
+++ b/fluid.html
@@ -37,9 +37,9 @@
       <div class="navbar-inner">
         <div class="container-fluid">
           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
           </a>
           <a class="brand" href="#">Project name</a>
           <div class="nav-collapse">
diff --git a/hero.html b/hero.html
index 1b7678b46..9fb6a9264 100644
--- a/hero.html
+++ b/hero.html
@@ -34,9 +34,9 @@
       <div class="navbar-inner">
         <div class="container">
           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
           </a>
           <a class="brand" href="#">Project name</a>
           <div class="nav-collapse">
diff --git a/starter-template.html b/starter-template.html
index 6a8248080..0b5794f8b 100644
--- a/starter-template.html
+++ b/starter-template.html
@@ -33,9 +33,9 @@
       <div class="navbar-inner">
         <div class="container">
           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
-            <span class="i-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
           </a>
           <a class="brand" href="#">Project name</a>
           <div class="nav-collapse">