TWBS Grid no gutter

http://i.imgur.com/7B8UTHp.png?1

by Sherbrow

HTML

<div class="container">
    <div class="row">
        <div class="span1">1</div>
        <div class="span1 offset2">>2 1</div>
        <div class="span1">1</div>
        <div class="span1">1</div>
        <div class="span1 offset2">>2 1</div>
        <div class="span1">1</div>
        <div class="span1">1</div>
        <div class="span1">1</div>
    </div>
    <div class="row">
        <div class="span4">4</div>
        <div class="span4 offset4">>4  4</div>
    </div>
</div>
<p><a href="http://twitter.github.io/bootstrap/customize.html#variables">http://twitter.github.io/bootstrap/customize.html#variables</a>
<div><img src="http://i.imgur.com/7B8UTHp.png?1" alt="" /></div>

CSS

/* Demo color */
.container { background-color: hsl(0, 50%, 90%); }
[class*="span"] { background-color: hsl(240, 50%, 90%); }

/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  margin-left: 0;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 0;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 960px;
}
.span12 {
  width: 960px;
}
.span11 {
  width: 880px;
}
.span10 {
  width: 800px;
}
.span9 {
  width: 720px;
}
.span8 {
  width: 640px;
}
.span7 {
  width: 560px;
}
.span6 {
  width: 480px;
}
.span5 {
  width: 400px;
}
.span4 {
  width: 320px;
}
.span3 {
  width: 240px;
}
.span2 {
  width: 160px;
}
.span1 {
  width: 80px;
}
.offset12 {
  margin-left: 960px;
}
.offset11 {
  margin-left: 880px;
}
.offset10 {
  margin-left: 800px;
}
.offset9 {
  margin-left: 720px;
}
.offset8 {
  margin-left: 640px;
}
.offset7 {
  margin-left: 560px;
}
.offset6 {
  margin-left: 480px;
}
.offset5 {
  margin-left: 400px;
}
.offset4 {
  margin-left: 320px;
}
.offset3 {
  margin-left: 240px;
}
.offset2 {
  margin-left: 160px;
}
.offset1 {
  margin-left: 80px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content:...