Fixed examples for IE8

jasny · Feb 18, 2014 · bd98f97 · bd98f97
1 parent 77d56d7
commit bd98f97
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 9 deletions.
diff --git a/docs/examples/navbar-offcanvas/index.html b/docs/examples/navbar-offcanvas/index.html
@@ -23,7 +23,7 @@
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
 

diff --git a/docs/examples/navmenu-push/index.html b/docs/examples/navmenu-push/index.html
@@ -16,10 +16,13 @@
     <!-- Custom styles for this template -->
     <link href="navmenu-push.css" rel="stylesheet">
 
+    <!-- Just for debugging purposes. Don't actually copy this line! -->
+    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
-      <script src="../../assets/js/html5shiv.js"></script>
-      <script src="../../assets/js/respond.min.js"></script>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
 

diff --git a/docs/examples/navmenu-reveal/index.html b/docs/examples/navmenu-reveal/index.html
@@ -16,10 +16,13 @@
     <!-- Custom styles for this template -->
     <link href="navmenu-reveal.css" rel="stylesheet">
 
+    <!-- Just for debugging purposes. Don't actually copy this line! -->
+    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
-      <script src="../../assets/js/html5shiv.js"></script>
-      <script src="../../assets/js/respond.min.js"></script>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
 

diff --git a/docs/examples/navmenu/index.html b/docs/examples/navmenu/index.html
@@ -16,10 +16,13 @@
     <!-- Custom styles for this template -->
     <link href="navmenu.css" rel="stylesheet">
 
+    <!-- Just for debugging purposes. Don't actually copy this line! -->
+    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
-      <script src="../../assets/js/html5shiv.js"></script>
-      <script src="../../assets/js/respond.min.js"></script>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
 
@@ -50,8 +53,8 @@
       </ul>
     </div>
 
-    <div class="navbar navbar-default navbar-fixed-top visible-sm visible-xs">
-      <button type="button" class="navbar-toggle visible-sm visible-xs" data-toggle="offcanvas" data-target=".navmenu">
+    <div class="navbar navbar-default navbar-fixed-top hidden-md hidden-lg">
+      <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navmenu">
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>

diff --git a/docs/examples/navmenu/navmenu.css b/docs/examples/navmenu/navmenu.css
@@ -11,6 +11,7 @@ body {
 
 .navbar {
   text-align: center;
+  display: block;
 }
 .navbar-brand {
   display: inline-block;
@@ -22,11 +23,24 @@ body {
   margin-left: 15px;
 }
 
+.container {
+  max-width: 100%;
+}
+
+@media (min-width: 1px) {
+  .navbar-toggle {
+    display: block !important;
+  }
+}
+
 @media (min-width: 992px) {
   body {
     padding: 0 0 0 300px;
   }
   .navmenu {
     padding-top: 0;
   }
+  .navbar {
+    display: none !important; /* IE8 fix */
+  }
 }