8 Columns in Twitter Bootstrap
css, html, twitter-bootstrap
Solution
<div class="row">
<div class="col-xs-6">
<div class="row">
<div class="col-xs-3">
1
</div>
<div class="col-xs-3">
2
</div>
<div class="col-xs-3">
3
</div>
<div class="col-xs-3">
4
</div>
</div>
</div>
<div class="col-xs-6">
<div class="row">
<div class="col-xs-3">
5
</div>
<div class="col-xs-3">
6
</div>
<div class="col-xs-3">
7
</div>
<div class="col-xs-3">
8
</div>
</div>
</div>
</div>
Problem
How can I set up 8 equal columns in the latest version of Twitter bootstrap. I can create 4 equal columns by doing the following but don't get how I can get 8: ``` <div class="col-sm-12"> <div class="row"> <div class="col-sm-3"> <div class="col-sm-12 col-xs-6"> <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a> </div> </div> <div class="col-sm-3"> <div class="col-sm-12 col-xs-6"> <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a> </div> </div> <div class="col-sm-3"> <div class="col-sm-12 col-xs-6"> <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a> </div> </div> <div class="col-sm-3"> <div class="col-sm-12 col-xs-6"> <a href="#"><img src="/image.png" class="img-responsive" alt="..."></a> </div> </div> </div> </div> ```