Some times we need to add a full width containers (which spans 100% of window) inside a container which has a fixed width and aligned center

gistfile1.txt

 <div class="container" style="width: 750px; margin: 0 auto;">

<div class="row-full">
     --- Full width container ---
</div>

</div> 
 
 
 .row-full{
   width: 100vw;
   position: relative;
   margin-left: -50vw;
   height: 100px;
   margin-top: 100px;
   left: 50%;
}

// original: https://coderwall.com/p/hkgamw/creating-full-width-100-container-inside-fixed-width-container