wip - Fixing examples

aozora · Jun 9, 2013 · a22339e · a22339e
1 parent 2214b4d
commit a22339e
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 22 deletions.
diff --git a/docs/assets/img/examples/bootstrap-example-carousel.png b/docs/assets/img/examples/bootstrap-example-carousel.png
diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html
@@ -35,7 +35,7 @@
 
     body {
       padding-bottom: 40px;
-      color: #5a5a5a;
+      /*color: #5a5a5a;*/
     }
 
 
@@ -53,24 +53,24 @@
       margin-top: 20px;
       margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
     }
-    .navbar-wrapper .navbar {
+    /*.navbar-wrapper .navbar {*/
 
-    }
+    /*}*/
 
     /* Remove border and change up box shadow for more contrast */
-    .navbar .navbar-inner {
-      border: 0;
-      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-              box-shadow: 0 2px 10px rgba(0,0,0,.25);
-    }
+    /*.navbar .navbar-inner {*/
+      /*border: 0;*/
+      /*-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);*/
+         /*-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);*/
+              /*box-shadow: 0 2px 10px rgba(0,0,0,.25);*/
+    /*}*/
 
     /* Downsize the brand/project name a bit */
     .navbar .brand {
       padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
       font-size: 16px;
       font-weight: bold;
-      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
+      /*text-shadow: 0 -1px 0 rgba(0,0,0,.5);*/
     }
 
     /* Navbar links: increase padding for taller navbar */
@@ -381,22 +381,28 @@ <h1>One more for good measure.</h1>
       <!-- Three columns of text below the carousel -->
       <div class="row">
         <div class="span4">
-          <img class="img-circle" data-src="holder.js/140x140">
-          <h2>Heading</h2>
-          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
-          <p><a class="btn" href="#">View details &raquo;</a></p>
+           <div class="well">
+             <img class="img-circle" data-src="holder.js/140x140">
+             <h2>Heading</h2>
+             <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
+             <p><a class="btn btn-primary" href="#">View details &raquo;</a></p>
+           </div>
         </div><!-- /.span4 -->
         <div class="span4">
-          <img class="img-circle" data-src="holder.js/140x140">
-          <h2>Heading</h2>
-          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-          <p><a class="btn" href="#">View details &raquo;</a></p>
+           <div class="well">
+             <img class="img-circle" data-src="holder.js/140x140">
+             <h2>Heading</h2>
+             <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+             <p><a class="btn btn-primary" href="#">View details &raquo;</a></p>
+           </div>
         </div><!-- /.span4 -->
         <div class="span4">
-          <img class="img-circle" data-src="holder.js/140x140">
-          <h2>Heading</h2>
-          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-          <p><a class="btn" href="#">View details &raquo;</a></p>
+           <div class="well">
+             <img class="img-circle" data-src="holder.js/140x140">
+             <h2>Heading</h2>
+             <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+             <p><a class="btn btn-primary" href="#">View details &raquo;</a></p>
+           </div>
         </div><!-- /.span4 -->
       </div><!-- /.row -->