獲取導航，跨越整個列

Question

我想讓我的導航跨越整個列。我正在使用Bootstrap和Wordpress。目前看起來像這樣，但是我希望它能夠在整個屏幕上展開。

我嘗試添加自舉導航欄合理的類，但隨後停止了工作，當它去響應式設計。

這是我的代碼。

<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％這工作。