Bootstrap.

buckyroberts · buckyroberts · commit 4e735c0de9a2 · 2015-06-26T20:03:20.000-04:00
diff --git a/Bootstrap/landing/index.html b/Bootstrap/landing/index.html
@@ -14,9 +14,6 @@
 </head>
 <body>
 
-
-
-
     <!-- This is code from the previous tutorial with the following changes -->
 
     <!-- navbar-fixed-top topnav -->
@@ -116,7 +113,8 @@ <h2 class="section-heading">Write and Drink Tea with Sweaters</h2>
         </div>
     </div>
 
-    <!-- Content row 1 -->
+
+    <!-- Content row 2 -->
     <div class="content-section-b">
         <div class="container">
             <div class="row">
@@ -125,22 +123,20 @@ <h2 class="section-heading">Write and Drink Tea with Sweaters</h2>
                     <hr class="section-heading-spacer">
                     <div class="clearfix"></div>
                     <h2 class="section-heading">This Girl is Hot</h2>
-
                     <p class="lead">
                         A special thanks to <a href="#">Death to the Stock Photo</a> for providing the photographs that
                         you see in this template. Visit their website to become a member.
                     </p>
                 </div>
+
                 <div class="col-lg-5 col-sm-pull-6 col-sm-6">
                     <img class="img-responsive img-rounded" src="https://snap-photos.s3.amazonaws.com/img-thumbs/960w/EH83G44K4G.jpg">
                 </div>
+
             </div>
 
         </div>
-        <!-- /.container -->
-
     </div>
-    <!-- /.content-section-b -->
 
 </body>
 </html>
diff --git a/Bootstrap/testing/pushPull.html b/Bootstrap/testing/pushPull.html
@@ -27,17 +27,20 @@ <h1>3 column layout</h1>
 
         <div class="row">
 
-            <!-- col-sm-push-5 = move right 5 columns (on larger screens) -->
-            <div class="col-sm-5 col-sm-push-5">
+            <!--
+                col-sm-push-5 = move right 5 columns (on sm or greater)
+                else just show as normal
+            -->
+            <div class="col-sm-5 col-sm-push-5" style="background: lightgreen">
                 Content B
             </div>
 
             <!-- col-sm-pull-5 = move left 5 columns -->
-            <div class="col-sm-5 col-sm-pull-5">
+            <div class="col-sm-5 col-sm-pull-5" style="background: lightcoral">
                 Content A
             </div>
 
-            <div class="col-sm-2">
+            <div class="col-sm-2" style="background: lightblue">
                 Content C
             </div>
 
