title: 8 Columns in Twitter Bootstrap
body: <p>How can I set up 8 equal columns in the latest version of Twitter bootstrap.</p>
  
  <p>I can create 4 equal columns by doing the following but don't get how I can get 8:</p>
  
  <pre><code>    &lt;div class="col-sm-12"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-3"&gt;
                  &lt;div class="col-sm-12 col-xs-6"&gt;
                      &lt;a href="#"&gt;&lt;img src="/image.png" class="img-responsive" alt="..."&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-3"&gt;
                  &lt;div class="col-sm-12 col-xs-6"&gt;
                      &lt;a href="#"&gt;&lt;img src="/image.png" class="img-responsive" alt="..."&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-3"&gt;
                  &lt;div class="col-sm-12 col-xs-6"&gt;
                      &lt;a href="#"&gt;&lt;img src="/image.png" class="img-responsive" alt="..."&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-3"&gt;
                  &lt;div class="col-sm-12 col-xs-6"&gt;
                      &lt;a href="#"&gt;&lt;img src="/image.png" class="img-responsive" alt="..."&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>