<div class="page-header">
<h1>4. Basic HTML template</h1>
</div>
- <p class="lead">With a brief intro into the contents out of the way, we can focus putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the <a href="#file-structure">File structure</a>.</p>
+ <p class="lead">With a brief intro into the contents out of the way, we can focus on putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the <a href="#file-structure">File structure</a>.</p>
<p>Now, here's a look at a <strong>typical HTML file</strong>:</p>
<pre class="prettyprint linenums">
<!DOCTYPE html>
<p>To nest your content with the default grid, add a new <code>.row</code> and set of <code>.span*</code> columns within an existing <code>.span*</code> column. Nested rows should include a set of columns that add up to the number of columns of its parent.</p>
<div class="row show-grid">
<div class="span9">
- Level 1 of column
+ Level 1 column
<div class="row show-grid">
<div class="span6">
Level 2
<pre class="prettyprint linenums">
<div class="row-fluid">
<div class="span12">
- Level 1 of column
+ Fluid 12
<div class="row-fluid">
- <div class="span6">Level 2</div>
- <div class="span6">Level 2</div>
+ <div class="span6">Fluid 6</div>
+ <div class="span6">Fluid 6</div>
</div>
</div>
</div>
<div class="page-header">
<h1>{{_i}}4. Basic HTML template{{/i}}</h1>
</div>
- <p class="lead">{{_i}}With a brief intro into the contents out of the way, we can focus putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the <a href="#file-structure">File structure</a>.{{/i}}</p>
+ <p class="lead">{{_i}}With a brief intro into the contents out of the way, we can focus on putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the <a href="#file-structure">File structure</a>.{{/i}}</p>
<p>{{_i}}Now, here's a look at a <strong>typical HTML file</strong>:{{/i}}</p>
<pre class="prettyprint linenums">
<!DOCTYPE html>
<p>{{_i}}To nest your content with the default grid, add a new <code>.row</code> and set of <code>.span*</code> columns within an existing <code>.span*</code> column. Nested rows should include a set of columns that add up to the number of columns of its parent.{{/i}}</p>
<div class="row show-grid">
<div class="span9">
- {{_i}}Level 1 of column{{/i}}
+ {{_i}}Level 1 column{{/i}}
<div class="row show-grid">
<div class="span6">
{{_i}}Level 2{{/i}}
<pre class="prettyprint linenums">
<div class="row-fluid">
<div class="span12">
- {{_i}}Level 1 of column{{/i}}
+ {{_i}}Fluid 12{{/i}}
<div class="row-fluid">
- <div class="span6">{{_i}}Level 2{{/i}}</div>
- <div class="span6">{{_i}}Level 2{{/i}}</div>
+ <div class="span6">{{_i}}Fluid 6{{/i}}</div>
+ <div class="span6">{{_i}}Fluid 6{{/i}}</div>
</div>
</div>
</div>