<div class="container border border-dark">
    <div class="text-center">
        <img src="resim.jpg" class="img-fluid m-2" width="100px" alt="" />
        <h2 id ="deneme" class="d-inline-block"> Testmatik </h2> 
    </div>
    <nav class="navbar navbar-expand border border-dark bg-warning"> 
        <ul class="navbar-nav">
            <li class="nav-item"> <a class="nav-link" href="#"> Ana Sayfa </a> </li> 
            <li class="nav-item"> <a class="nav-link" href="#"> Testler </a> </li>
            <li class="nav-item"> <a class="nav-link" href="#"> Hakkımızda </a> </li>
            <li class="nav-item"> <a class="nav-link" href="#"> Grişi Yap </a>  </li>  
            <li class="nav-item"> <a class="nav-link" href="#"> Kayıt Ol </a> </li>
        </ul>            
   </nav> 
</div>

Merhaba arkadaşlar, boostrap'te navbarın tam alanı kaplaması için nasıl bir yol izlemek gerekiyor?