Bootstrap 3 grid row span
<p>I'm trying to make a grid based on bootstrap only I need 1 div to span 3 rows.
I've added a picture below inclusive the code I used. For the main grid I used a generator but now I get stuck.</p>

<p>The div which says REMOVE I added as a dummy and need to be removed. only when I do that the div with MOST READ will move to the right and closes the gap.
What I'm trying to achieve is that COMMENTS - SITE FEED will span 3 rows (vertically downwards) next to, in the spot light, quiz/poll and most read.</p>

<p>How can I do this with wrapping some stuff so it not move and shift anymore :-)</p>

<p><a href="https://i.stack.imgur.com/u0mh2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u0mh2.png" alt="enter image description here"></a></p>

<pre><code>&lt;div class="container"&gt;
&lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;col-md-12 - MARQUE&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
    &lt;div class="col-md-8"&gt;col-md-8 - CAROUSEL&lt;/div&gt;
    &lt;div class="col-md-4"&gt;col-md-4 - MY STUFF&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;col-md-12 - 5 ARTICLES&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
    &lt;div class="col-md-6"&gt;col-md-6 - LOCAL NEWS&lt;/div&gt;
    &lt;div class="col-md-6"&gt;col-md-6 - SEGMENTS NEWS&lt;/div&gt;
    &lt;div class="col-md-6"&gt;col-md-6 - COUNTRY NEWS&lt;/div&gt;
    &lt;div class="col-md-6"&gt;col-md-6 - TWITTER&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
    &lt;div class="col-md-3"&gt;col-md-3 - BLOG&lt;/div&gt;
    &lt;div class="col-md-3"&gt;col-md-3 - IN SPOT LIGHT&lt;/div&gt;   
    &lt;div class="col-md-6"&gt;col-md-6 - - COMMENTS - SITE FEED&lt;/div&gt;  
    &lt;div class="col-md-3"&gt;col-md-3 - STEEL FABRIC&lt;/div&gt;
    &lt;div class="col-md-3"&gt;col-md-3 - QUIZ/POLL&lt;/div&gt;
    &lt;div class="col-md-6"&gt;col-md-6 - remove !!!!&lt;/div&gt;
    &lt;div class="col-md-6"&gt;col-md-6 - MOST READ&lt;/div&gt; 
&lt;/div&gt;
&lt;div class="row"&gt;
    &lt;div class="col-md-3"&gt;col-md-3 - UNDETER 1&lt;/div&gt;
    &lt;div class="col-md-3"&gt;col-md-3 - UNDETER 2&lt;/div&gt;
    &lt;div class="col-md-3"&gt;col-md-3 - UNDETER 3&lt;/div&gt;
    &lt;div class="col-md-3"&gt;col-md-3 - SHAREHOLDER&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
    &lt;div class="col-md-12"&gt;col-md-12 - QUICK ACCESS&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>I have not tried the suggested code but I will soon. I've noticed I was not so clear after all so I made a second picture. The Red block represent the COMMENTS SITE FEED div how i need it in the end result. Hopefully it helps a bit thanks so far guys. it#s really appreciated!</p>

<p><a href="https://i.stack.imgur.com/eJiIw.png" rel="nofollow noreferrer">enter image description here</a></p>