<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
- <div class="span1">1</div>
</div>
<div class="row show-grid">
<div class="span2">2</div>
- <div class="span4">4</div>
+ <div class="span3">3</div>
<div class="span4">4</div>
</div>
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span6">6</div>
- </div>
- <div class="row show-grid">
- <div class="span5">5</div>
<div class="span5">5</div>
</div>
<div class="row show-grid">
- <div class="span10">10</div>
+ <div class="span9">9</div>
</div>
</div>
<div class="bs-docs-grid">
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span4 offset2">4 offset 2</div>
+ <div class="span3 offset2">3 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span3 offset2">3 offset 2</div>
+ <div class="span3 offset1">3 offset 1</div>
<div class="span3 offset2">3 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span6 offset4">6 offset 4</div>
+ <div class="span6 offset3">6 offset 3</div>
</div><!-- /row -->
</div>
<pre class="prettyprint linenums">
<div class="row">
<div class="span4">...</div>
- <div class="span4 offset4">...</div>
+ <div class="span3 offset2">...</div>
</div>
</pre>
<h3>Example</h3>
<p>Here two nested <code>.span4</code> columns are placed within a <code>.span8</code>.</p>
<div class="row show-grid">
- <div class="span10">
+ <div class="span9">
Level 1 of column
<div class="row show-grid">
<div class="span5">
Level 2
</div>
- <div class="span5">
+ <div class="span4">
Level 2
</div>
</div>
<div class="span1">1</div>
<div class="span1">1</div>
<div class="span1">1</div>
- <div class="span1">1</div>
</div>
<div class="row show-grid">
<div class="span2">2</div>
- <div class="span4">4</div>
+ <div class="span3">3</div>
<div class="span4">4</div>
</div>
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span6">6</div>
- </div>
- <div class="row show-grid">
- <div class="span5">5</div>
<div class="span5">5</div>
</div>
<div class="row show-grid">
- <div class="span10">10</div>
+ <div class="span9">9</div>
</div>
</div>
<div class="bs-docs-grid">
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span4 offset2">4 offset 2</div>
+ <div class="span3 offset2">3 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span3 offset2">3 offset 2</div>
+ <div class="span3 offset1">3 offset 1</div>
<div class="span3 offset2">3 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span6 offset4">6 offset 4</div>
+ <div class="span6 offset3">6 offset 3</div>
</div><!-- /row -->
</div>
<pre class="prettyprint linenums">
<div class="row">
<div class="span4">...</div>
- <div class="span4 offset4">...</div>
+ <div class="span3 offset2">...</div>
</div>
</pre>
<h3>{{_i}}Example{{/i}}</h3>
<p>{{_i}}Here two nested <code>.span4</code> columns are placed within a <code>.span8</code>.{{/i}}</p>
<div class="row show-grid">
- <div class="span10">
+ <div class="span9">
{{_i}}Level 1 of column{{/i}}
<div class="row show-grid">
<div class="span5">
{{_i}}Level 2{{/i}}
</div>
- <div class="span5">
+ <div class="span4">
{{_i}}Level 2{{/i}}
</div>
</div>