Bootstrap CSS Woes <p>Having trouble with a website I'm making at the moment. I'm using bootstrap and on one particular page using basic bootstrap css something just won't line up.</p> <p>My code is as follows :-</p> <pre><code>&lt;section id="aboutUs"&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"&gt; &lt;img style="width: 500px; height: 288.31775700934577px;" src="/media/1010/macbook-front.png?width=500&amp;amp;height=288.31775700934577" alt="" rel="1255" data-id="1255" /&gt; &lt;br /&gt; &lt;/div&gt; &lt;div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"&gt; &lt;h3&gt;Passion is what we stand for&lt;/h3&gt; &lt;p&gt;Manta Ray bonytail chub. Russian sturgeon yellow tang cichlid creek chub--Siamese fighting fish poacher--sablefish bichir? Bonnetmouth gray eel-catfish luminous hake frogfish rohu, eel tope snake eel clown loach northern squawfish Australian prowfish, wrymouth.&lt;/p&gt; &lt;br /&gt; &lt;blockquote&gt; &lt;p&gt;Good is the enemy of great&lt;/p&gt;Innova Tamashi &lt;/blockquote&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="col-lg-12"&gt; &lt;hr /&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"&gt; &lt;h3&gt;Who we are&lt;/h3&gt; &lt;p&gt;Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.&lt;/p&gt; &lt;/div&gt; &lt;div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"&gt; &lt;h3&gt;What we do&lt;/h3&gt; &lt;p&gt;Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.&lt;/p&gt; &lt;/div&gt; &lt;div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"&gt; &lt;h3&gt;Why we do it&lt;/h3&gt; &lt;p&gt;Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/section&gt; </code></pre> <p>The issue is that in the last row (which contains the 'Who we are', 'What we do') the div's all appear out of line as can be seen <a href="http://4ourbusiness.azurewebsites.net/about-us/" rel="nofollow">here</a>. I can't figure out why it's doing it as they should be all in line from what I can tell. Any ideas guys?</p>