Update Bootstrap to v3.0.3.

_layouts/post.html

@@ -3,10 +3,10 @@ layout: default
 ---
 
 <div class="row bse-show">
-  <div class="col-span-4 col-push-8">
+  <div class="col-sm-4 col-sm-push-8">
     {% include carbonads.html %}
   </div>
-  <div class="col-span-8 col-pull-4">
+  <div class="col-sm-8 col-sm-pull-4">
     <h1 class="post-title">
       {{ page.title }}
     </h1>
@@ -19,7 +19,7 @@ layout: default
   <h3>More from the Expo</h3>
   <div class="row bsg-listing">
     {% for post in site.related_posts limit:3 %}
-      <div class="col-span-4">
+      <div class="col-sm-4">
         {{ post.content }}
         <h4 class="bse-thumb-title">
           <a href="{{ post.url }}">{{ post.title }}</a>

css/bootstrap-expo.css

@@ -41,7 +41,7 @@ body {
 .bsg-listing {
   margin: 40px -15px;
 }
-.bsg-listing .col-span-4 {
+.bsg-listing .col-sm-4 {
   margin-bottom: 30px;
 }
 
@@ -50,6 +50,7 @@ body {
   position: relative;
   display: block;
   overflow: hidden;
+  margin-bottom: 0;
   padding: 0;
   border: 0;
 }
@@ -82,6 +83,7 @@ body {
 
 
 .bse-show {
+  margin-bottom: 50px;
   margin-left: -15px;
   margin-right: -15px;
 }
@@ -177,14 +179,6 @@ body {
 
 
 @media (min-width: 481px) {
-
-  /* Tweak listings */
-  .bsg-listing .span4 {
-    max-width: 410px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
   /* Left align masthead text */
   .bsg-masthead {
     text-align: left;

index.html

@@ -4,11 +4,11 @@ title: "Bootstrap Expo"
 ---
 
 <div class="row bsg-listing">
-  <div class="col-span-4 carbon-ads">
+  <div class="col-sm-4 carbon-ads">
     {% include carbonads.html %}
   </div>
   {% for post in paginator.posts %}
-    <div class="col-span-4">
+    <div class="col-sm-4">
       {{ post.content }}
       <h4 class="bse-thumb-title">
         <a href="{{ post.url }}">{{ post.title }}</a>