Some times we need to add a full-width container (which spans 100% of the window) inside a container which has a fixed width and aligned center.
Following code helps to achieve the layout.
<div class="container" style="width: 750px; margin: 0 auto;"> <div class="row-full"> --- Full width container --- </div> </div>
How it works
CSS units vw (viewport width) is used here. IE9 above has support for vw & vh css units.
The solution found here.