<div class="row">
<div class="col-md-6">
<h4>One Half</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
</div>

<div class="col-md-6">
<h4>One Half</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
</div>
</div>

<pre style="margin-bottom:40px;">
&lt;div class="row"&gt;

&lt;div class="col-md-6"&gt;
&lt;h4&gt;One Half&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-6"&gt; 
&lt;h4&gt;One Half&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;/div&gt;
</pre>

<p>&nbsp;</p>

<div class="row">
<div class="col-md-4">
<h4>One Third</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis.</p>
</div>

<div class="col-md-4">
<h4>One Third</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis.</p>
</div>

<div class="col-md-4">
<h4>One Third</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis.</p>
</div>
</div>

<p>&nbsp;</p>

<pre style="margin-bottom:40px;">
&lt;div class="row"&gt;

&lt;div class="col-md-4"&gt; 
&lt;h4&gt;One Third&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui..&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-4"&gt; 
&lt;h4&gt;One Third&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui..&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-4"&gt; 
&lt;h4&gt;One Third&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui..&lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;
</pre>

<p>&nbsp;</p>

<div class="row">
<div class="col-md-3">
<h4>One Fourth</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.</p>
</div>

<div class="col-md-3">
<h4>One Fourth</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.</p>
</div>

<div class="col-md-3">
<h4>One Fourth</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.</p>
</div>

<div class="col-md-3">
<h4>One Fourth</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.</p>
</div>
</div>

<p>&nbsp;</p>

<pre style="margin-bottom:40px;">
&lt;div class="row"&gt;

&lt;div class="col-md-3"&gt; 
&lt;h4&gt;One Fourth&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui..&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-3"&gt; 
&lt;h4&gt;One Fourth&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui..&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-3"&gt; 
&lt;h4&gt;One Fourth&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui..&lt;/p&gt;
&lt;/div&gt;

&lt;div class="col-md-3"&gt; 
&lt;h4&gt;One Fourth&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui..&lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;
</pre>

<p>&nbsp;</p>

<div class="row">
<div class="col-md-4">
<h4>One Third</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>

<div class="col-md-8">
<h4>Two Thirds</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.</p>
</div>
</div>

<p>&nbsp;</p>

<pre style="margin-bottom:40px;">
&lt;div class="row"&gt;

&lt;div class="col-md-4"&gt; 
&lt;h4&gt;One Third&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-8"&gt; 
&lt;h4&gt;Two Thirds&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;/div&gt;
</pre>

<p>&nbsp;</p>

<div class="row">
<div class="col-md-8">
<h4>Two Thirds</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.</p>
</div>

<div class="col-md-4">
<h4>One Third</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
</div>
</div>

<p>&nbsp;</p>

<pre style="margin-bottom:40px;">
&lt;div class="row"&gt;

&lt;div class="col-md-8"&gt; 
&lt;h4&gt;Two Thirds&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-4"&gt; 
&lt;h4&gt;One Third/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;/div&gt;
</pre>

<p>&nbsp;</p>

<div class="row">
<div class="col-md-3">
<h4>One Fourth</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.</p>
</div>

<div class="col-md-9">
<h4>Three Fourths</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.</p>
</div>
</div>

<p>&nbsp;</p>

<pre style="margin-bottom:40px;">
&lt;div class="row"&gt;

&lt;div class="col-md-3"&gt; 
&lt;h4&gt;One Fourth&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;div class="col-md-9"&gt; 
&lt;h4&gt;Three Fourths&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;/div&gt;
</pre>

<p>&nbsp;</p>

<div class="row">
<div class="col-md-9">
<h4>Three Fourths</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.</p>
</div>

<div class="col-md-3">
<h4>One Fourth</h4>

<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.</p>
</div>
</div>

<p>&nbsp;</p>

<pre style="margin-bottom:40px;">
&lt;div class="row"&gt;

&lt;div class="col-md-9"&gt; 
&lt;h4&gt;Three Fourths&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt;

&lt;div class="col-md-3"&gt; 
&lt;h4&gt;One Fourth&lt;/h4&gt;
&lt;p&gt;Donec sed odio dui...&lt;/p&gt;
&lt;/div&gt; 

&lt;/div&gt;
</pre>

<p>&nbsp;</p>
