Merge pull request #7704 from twitter/bs3_moar_grid_changes

BS3: Overhaul grid system once more

diff --cc docs/assets/css/bootstrap.css
Simple merge

diff --cc docs/assets/css/docs.css
Simple merge

diff --cc docs/docs.html
index c405293ea7275fb7b66aa4b5abf20661af4474c5,3ea2d84f776e14c43c9377041e325efbdeb70639..b134416cc543b4d55259897fc83d33b41426906f
--- 1/docs/docs.html
--- 2/docs/docs.html
+++ b/docs/docs.html
@@@ -3626,10 -3646,11 +3626,10 @@@ body 
                </li>
              </ul>
              <form class="navbar-form pull-left" action="">
-               <input type="text" class="col-span-8" placeholder="Search">
+               <input type="text" class="col col-lg-8" placeholder="Search">
              </form>
 -            <ul class="nav pull-right">
 +            <ul class="nav navbar-nav pull-right">
                <li><a href="#">Link</a></li>
 -              <li class="divider"></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">
@@@ -3703,10 -3724,11 +3703,10 @@@
                </li>
              </ul>
              <form class="navbar-form pull-left" action="">
-               <input type="text" class="col-span-8" placeholder="Search">
+               <input type="text" class="col col-lg-8" placeholder="Search">
              </form>
 -            <ul class="nav pull-right">
 +            <ul class="nav navbar-nav pull-right">
                <li><a href="#">Link</a></li>
 -              <li class="divider"></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">

diff --cc less/grid.less
index 3ac727bc7d3070005058cfdb39e5592e41031485,61393bcb79d8a28d91e4b278cc4bc9b8ee5163c9..70c3049680d6d84322bcc9a69cc25f27283f00b4
--- 1/less/grid.less
--- 2/less/grid.less
+++ b/less/grid.less
@@@ -20,13 -27,17 +27,17 @@@
    padding-right: (@grid-gutter-width / 2);
  }
  
- [class*="col-small-"] {
-   float: left;
+ // Generate small grid classes first
+ .generate-grid-columns(@grid-columns);
+ 
+ // Then generate the larger grid classes via media query
+ @media screen and (min-width: 768px) {
+   .generate-large-grid-columns(@grid-columns);
  }
- .generate-small-grid-columns(@grid-columns);
+ 
  
  // Responsive: Tablets and up
 -@media screen and (min-width: 768px) {
 +@media screen and (min-width: @screen-tablet) {
    .container {
      max-width: 728px;
    }