부트 스트랩 Wordpress Navwalker responsive

Question

안녕하세요 모두 나는 뿌리/세이지, 워드 프레스, 부트 스트랩 4, VVCW 및 메뉴에 대한 WP_Bootstrap_Navwalker를 사용하여 첫 번째 테마를 개발 해왔다. 또한 bower 구성 요소에 앉아 부트 스트랩 물건의 전체로드 있어요.

모든 것이 작동하고 시원합니다. 정상적으로 작동하는 것처럼 메뉴가 반응하지 않는 경우를 제외하고 메뉴가 특정 너비에 도달 할 때까지 메뉴가 표시되고 클릭 할 수있는 메뉴 버튼이 표시되고 nav가 아래로 떨어질 때까지 메뉴가 표시됩니다.

이 지금까지

//header.php

<nav class="navbar navbar-default" role="navigation"> 
 
    <div class="container-fluid"> 
 
    <!-- Brand and toggle get grouped for better mobile display --> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
 
     <span class="sr-only">Toggle navigation</span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 
     <a class="navbar-brand" href="<?php echo home_url(); ?>"> 
 
     <?php bloginfo('name'); ?> 
 
      </a> 
 
    </div> 
 
    </div> 
 
     <?php 
 
     wp_nav_menu(array(
 
      'theme_location' => 'primary', 
 
      'depth'    => 2, 
 
      'container'   => 'div', 
 
      'container_class' => 'collapse navbar-default', 
 
      'container_id'  => 'bs-example-navbar-collapse-1', 
 
      'menu_class'  => 'nav navbar-nav test', 
 
      'fallback_cb'  => 'WP_Bootstrap_Navwalker::fallback', 
 
      'walker'   => new WP_Bootstrap_Navwalker()) 
 
     ); 
 
     ?> 
 
    </div> 
 
</nav>

//function.php

require_once('lib/wp-bootstrap-navwalker.php'); 

function register_menus() { 
    register_nav_menus(array(
    'primary' => __('Primary Menu', 'Beatroute'), 
)); 
    } 
add_action('init', 'register_menus'); 

function wpt_register_js() { 
    wp_register_script('jquery.bootstrap.min', get_template_directory_uri() . '/bower_components/bootstrap/dist/js/bootstrap.js', 'jquery'); 
    wp_enqueue_script('jquery.bootstrap.min'); 
} 
add_action('init', 'wpt_register_js'); 

function wpt_register_css() { 
    wp_register_style('bootstrap.min', get_template_directory_uri() . '/bower_components/bootstrap/dist/css/bootstrap.css'); 
    wp_enqueue_style('bootstrap.min'); 
} 
add_action('wp_enqueue_scripts', 'wpt_register_css'); 

난 그냥 해요 내 코드입니다 reg를 원한다. BS 메뉴가있는 기능을 제공합니다. 그리드 중단 점이있는 것으로 의심되는 부분이 있습니다. 이것이 Roots/Sage와 여러 가지 기술을 사용하여 개발 한 첫 번째 맞춤 테마이므로이 문제를 일으키는 간단한 것이있을 것이라고 생각했습니다.

제공되는 도움에 감사드립니다.

Answer 1

부트 스트랩 4에서는 명시 적으로 탐색 모음 중단 점을 정의해야합니다. 기존 .navbar 옆에 .navbar-expand{-sm|-md|-lg|-xl} (예 : .navbar-expand-md) 클래스를 추가하면됩니다. 이것은 처음에 부트 스트랩 Navbar documentation에서 언급됩니다.

<nav class="navbar navbar-default navbar-expand-md" role="navigation">