<div>
    <div class="row">
        <div class="col-xs-12 details-container samples-container">
            <nav class="navbar navbar-default">
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li ui-sref-active="active"><a ui-sref="projects.project.samples.all">All Samples</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="col-xs-8">
            <div ui-view></div>
        </div>
    </div>
</div>




<div>
    <div class="row">
        <div class="col-xs-12 details-container samples-container">
            <nav class="navbar navbar-default">
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li ui-sref-active="active"><a ui-sref="projects.project.samples.all">All Samples</a></li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <div class="col-xs-12">
        <div ui-view></div>
    </div>
</div>




Move ui view outside of div so it takes full width.
Move ui view outside of div so it takes full width.
