I've been attempting this task with no success. My goal is to create 5 columns within Bootstrap, each with a width of "2". I also want to add an offset of "2" between the second and third columns. The desired outcome would be:
2 Width Pricing Table - 2 Width Space - 2 Width Pricing Table - 2 Width Pricing Table - 2 Width Pricing Table - 2 Width Pricing Table.
Here is the code I have used: http://www.bootply.com/MxnvNuTU6Q
<div class="col-md-2">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
Bronze
</h3>
</div>
<div class="panel-body">
<h1>
$10<span class="subscript">/mo</span>
</h1>
<small>1 month FREE trial</small>
<table class="table">
<tbody>
<tr>
<td>
1 Account
</td>
</tr>
<tr class="active">
<td>
1 Project
</td>
</tr>
<tr>
<td>
100K API Access
</td>
</tr>
<tr class="active">
<td>
100MB Storage
</td>
</tr>
<tr>
<td>
Custom Cloud Services
</td>
</tr>
<tr class="active">
<td>
Weekly Reports
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-md-2 col-md-offset2">
...
...
<div class="col-md-2">
...
...
</div>
Is col-md-offset2 not the correct class to use for the offset between columns?