</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
</div>
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span4">6</div>
+ <div class="span6">6</div>
</div>
<div class="row show-grid">
<div class="span5">5</div>
<div class="bs-docs-grid">
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span4 offset4">4 offset 4</div>
+ <div class="span4 offset2">4 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span3 offset3">3 offset 3</div>
- <div class="span3 offset3">3 offset 3</div>
+ <div class="span3 offset2">3 offset 2</div>
+ <div class="span3 offset2">3 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span8 offset4">8 offset 4</div>
+ <div class="span6 offset4">6 offset 4</div>
</div><!-- /row -->
</div>
<pre class="prettyprint linenums">
<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="span8">
+ <div class="span10">
Level 1 of column
<div class="row show-grid">
- <div class="span4">
+ <div class="span5">
Level 2
</div>
- <div class="span4">
+ <div class="span5">
Level 2
</div>
</div>
</div>
<pre class="prettyprint linenums">
<div class="row">
- <div class="span8">
+ <div class="span10">
Level 1 column
<div class="row">
- <div class="span4">Level 2</div>
- <div class="span4">Level 2</div>
+ <div class="span5">Level 2</div>
+ <div class="span5">Level 2</div>
</div>
</div>
</div>
</div>
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span4">6</div>
+ <div class="span6">6</div>
</div>
<div class="row show-grid">
<div class="span5">5</div>
<div class="bs-docs-grid">
<div class="row show-grid">
<div class="span4">4</div>
- <div class="span4 offset4">4 offset 4</div>
+ <div class="span4 offset2">4 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span3 offset3">3 offset 3</div>
- <div class="span3 offset3">3 offset 3</div>
+ <div class="span3 offset2">3 offset 2</div>
+ <div class="span3 offset2">3 offset 2</div>
</div><!-- /row -->
<div class="row show-grid">
- <div class="span8 offset4">8 offset 4</div>
+ <div class="span6 offset4">6 offset 4</div>
</div><!-- /row -->
</div>
<pre class="prettyprint linenums">
<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="span8">
+ <div class="span10">
{{_i}}Level 1 of column{{/i}}
<div class="row show-grid">
- <div class="span4">
+ <div class="span5">
{{_i}}Level 2{{/i}}
</div>
- <div class="span4">
+ <div class="span5">
{{_i}}Level 2{{/i}}
</div>
</div>
</div>
<pre class="prettyprint linenums">
<div class="row">
- <div class="span8">
+ <div class="span10">
{{_i}}Level 1 column{{/i}}
<div class="row">
- <div class="span4">{{_i}}Level 2{{/i}}</div>
- <div class="span4">{{_i}}Level 2{{/i}}</div>
+ <div class="span5">{{_i}}Level 2{{/i}}</div>
+ <div class="span5">{{_i}}Level 2{{/i}}</div>
</div>
</div>
</div>
</head>
- <body >
+ <body>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>