 <p>the <code>&lt;div class="container"&gt;</code> sets the width of the content inside to a fixed width that depends on the viewport width (see <a href="http://getbootstrap.com/css/#overview-container" rel="nofollow">http://getbootstrap.com/css/#overview-container</a>) . To let the content stretch to the full available width, change it into <code>&lt;div class="container-fluid"&gt;</code> </p>