Получить навигацию по всему столбцу

Question

Я пытаюсь получить мою навигацию для охвата всей колонки. Я использую Bootstrap и Wordpress. На данный момент это выглядит так, но я хочу, чтобы он растянулся по всему экрану.

Я попытался добавить NavBar обоснованного класса по бутстрапу, но затем остановил его работой, когда он пошел в адаптивный дизайн.

Вот мой код.

<div class="row"> 
     <div class="col-md-12"> 
      <nav id="menu1" class="navbar navbar-default" role="navigation"> 
       <div class="navbar-header"> 
        <div id="logo" class="pull-left hidden-md hidden-lg"> 
          <div class="logo-small"> 
           <img src="<?php bloginfo('template_directory');?>/images/logo-xs.png" alt="small-logo" class="img-responsive logo-phone"/> 

        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
         <span class="sr-only">Toggle navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
            </div> 
         </div> 
       </div> 


       <?php 

         $args = array(
           'theme_location' => 'main-menu', 
           'depth' => 0, 
           'container_class' => 'collapse navbar-collapse', 
           'menu_class' => 'nav navbar-nav', 
           'walker' => new wp_bootstrap_navwalker() 

         ); 

         wp_nav_menu($args); 
       ?> 

      </nav> 
      <div class="content-top-border hidden-md hidden-lg hidden-sm"></div> 
     </div> 
</div> 

Answer 1

Я добавил ширину 100% к содержащему меню и установил ширину каждой отдельной кнопки, чтобы это сработало 16,6%.