 <p>This is because you are fixing the content that pushes "tasks-column" to the right. The simple way to do what you want is just to move "info" inside col-md-4, like this:</p> <pre><code>&lt;div class="row"&gt; &lt;div class="col-md-4"&gt; &lt;div class="info"&gt; &lt;!--some fixed Markup --&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="col-md-8 tasks-column"&gt; &lt;!--some Markup --&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Hope this helps!</p>