add table-responsive to previews

[bootswatch] / united / index.html

diff --git a/united/index.html b/united/index.html
index 02ba7ab..8f65a4d 100644 (file)
--- a/united/index.html
+++ b/united/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 || [];
@@ -89,16 +94,18 @@
             <h1>United</h1>
             <p class="lead">Ubuntu orange and unique font</p>
           </div>
-          <div class="col-lg-6 well" style="padding: 25px 25px 15px 25px;">
-            <a href="http://www.maxcdn.com" target="_blank">
-              <span style="float: left; margin: 0 15px 10px 0;">
-                <img src="../assets/img/maxcdn.gif" width="175" height="135">
-              </span>
-            </a>
-            <a href="http://www.maxcdn.com" target="_blank">
-              <span style="display: block; font-weight: bold; margin-bottom: 1em;">Make Your Site Fast!</span>
-              <span style="display: block;">When your hosting is far from your visitors your website becomes slow for them. A CDN allows you to be close to everyone. Click to see how a CDN works.</span>
-            </a>
+          <div class="col-lg-6" style="padding: 25px 25px 15px 25px;">
+            <div class="well">
+              <a href="http://www.maxcdn.com" target="_blank">
+                <span style="float: left; margin-right: 15px;">
+                  <img src="../assets/img/maxcdn.gif" width="175" height="135">
+                </span>
+              </a>
+              <a href="http://www.maxcdn.com" target="_blank">
+                <div style="font-weight: bold; margin-bottom: 1em;">Make Your Site Fast!</div>
+                <div class="clearfix">When your hosting is far from your visitors your website becomes slow for them. A CDN allows you to be close to everyone. Click to see how a CDN works.</div>
+              </a>
+            </div>
           </div>
         </div>
       </div>
@@ -164,7 +171,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>
@@ -470,7 +477,7 @@
               <h1 id="tables">Tables</h1>
             </div>
 
-            <div class="bs-example">
+            <div class="bs-example table-responsive">
               <table class="table table-striped table-bordered table-hover">
                 <thead>
                   <tr>