Как разместить блоки в bootstrap с левого и правого края?

В теге nav розмещено 2 блока, один с левого края второй с правого, но при сужении екрана на расширении 720px, они становятся друг за другом, что нужно сделать что бы они не схлопывались? Должно быть на любом расширении так: ,а сейчас вот так

<nav class="nav">
       <div class="col-lg-8 col-md-7 col-sm-6 col-xs-6">contant</div>
       <div class="col-lg-4 col-md-5 col-sm-6 col-xs-6">contab</div>
</nav>

Bootstrap4