Standardizing markup across examples

examples/index.html

@@ -9,6 +9,15 @@
     <title>Red Hat&reg; Common User Experience</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="../dist/css/rcue.min.css" rel="stylesheet" media="screen, print">
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+    <script src="../components/html5shiv/dist/html5shiv.js"></script>
+    <script src="../components/respond/respond.min.js"></script>
+    <![endif]-->
+    <!-- IE8 requires jQuery and Bootstrap JS to load in head to prevent rendering bugs -->
+    <!-- IE8 requires jQuery v1.x -->
+    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
+    <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
     <style>
       body { width: 90%; margin: auto;}
       h1 { color: #222; font-weight: 800;  font-size: 20px; }
@@ -21,7 +30,5 @@ <h1>Red Hat&reg; Common User Experience</h1>
       <li><a href="forms.html">Forms</a></li>
       <li><a href="navbar.html">Navbar</a></li>
     </ul>
-    <script src="../components/jquery/jquery.min.js"></script>
-    <script src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
   </body>
 </html>