Update to fix edge cases

[bootswatch] / amelia / index.html

diff --git a/amelia/index.html b/amelia/index.html
index a34cff4..76b29ce 100644 (file)
--- a/amelia/index.html
+++ b/amelia/index.html
@@ -7,6 +7,11 @@
     <link rel="stylesheet" href="./bootstrap.css" media="screen">
     <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="../assets/css/bootswatch.min.css">
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="../bower_components/bootstrap/assets/js/html5shiv.js"></script>
+      <script src="../bower_components/bootstrap/assets/js/respond.min.js"></script>
+    <![endif]-->
     <script type="text/javascript">
 
      var _gaq = _gaq || [];
@@ -92,16 +97,18 @@
             <h1>Amelia</h1>
             <p class="lead">Sweet and cheery</p>
           </div>
-          <div class="col-lg-6 well" style="padding: 15px 15px 0 15px;">
-            <a href="http://carboncostume.com/apple-store-genius/" target="_blank">
-              <span style="float: left; margin: 0 15px 15px 0;">
-                <img src="../assets/img/carboncostume.png" width="175" height="135" style="border-radius: 4px;">
-              </span>
-            </a>
-            <a href="http://carboncostume.com" target="_blank">
-              <h4 style="margin-bottom: 0.4em; color: #fff;">Carbon Costume</h4>
-              <span style="display: block; margin-bottom: 1em; color: #fff;">Guides for DIY costumes using everyday gear.</span>
-            </a>
+          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
+            <div class="well">
+              <a href="http://carboncostume.com/" target="_blank">
+                <span style="float: left; margin-right: 15px;">
+                  <img src="../assets/img/carboncostume.png" width="175" height="135" style="border-radius: 4px;">
+                </span>
+              </a>
+              <a href="http://carboncostume.com/" target="_blank">
+                <h4 style="margin-bottom: 0.4em; color: #fff;">Carbon Costume</h4>
+                <div style="color: #fff;" class="clearfix">Guides for DIY costumes using everyday gear.</div>
+              </a>
+            </div>
           </div>
         </div>
       </div>
@@ -167,7 +174,7 @@
               <div class="navbar navbar-inverse">
                 <div class="container">
                   <div class="navbar-header">
-                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
+                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
@@ -473,8 +480,8 @@
               <h1 id="tables">Tables</h1>
             </div>
 
-            <div class="bs-example">
-              <table class="table table-striped table-bordered table-hover">
+            <div class="bs-example table-responsive">
+              <table class="table table-striped table-bordered table-hover ">
                 <thead>
                   <tr>
                     <th>#</th>