On my webpage, the main div is container-fluid followed by a nav. Next, I have a section where views load in with rows containing content divided into columns or offsets. However, whenever I use the row class on either the section or the div after it, it creates a gap between the nav and the page, particularly affecting the container. This seems odd given that we should only be using the container class for this purpose, while the row class is meant for columns. So why does it still generate a gap?
<div class="container-fluid ng-scope" id="page-wrapper" ng-controller="homeCtrl as ctrl">
<nav><div class="container"></div></nav>
<section>
<div ng-controller="assumeIdCtrl as ctrl" class="row ng-scope">
<div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
</div>
</div>
</section>