ivanpmartell/wp-bootstrap-navwalker

A custom WordPress nav walker class to fully implement the Bootstrap 4 navigation style in a custom theme using the WordPress built in menu manager.

v4.2.2 2019-09-05 08:20 UTC

Requires

• php: >=5.3.2
• composer/installers: ~1.0

Requires (Dev)

• stevegrunwell/wp-enforcer: ^0.5.0

GPL-3.0+

• Ivan Perez
• Brandon Hubbard
• William Patton

README

Installation

To install, run the following in your Sage9-based theme directory:

composer require "ivanpmartell/wp-bootstrap-navwalker"

In your 'header.blade.php'

<header class="header">
  <nav class="navbar navbar-expand-md navbar-dark bg-dark" role="navigation">
    <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fas fa-bars"></i>
    </button>
    <a class="navbar-brand" href="#">brand</a>
      <?php
      wp_nav_menu( array(
        'theme_location'    => 'primary_navigation',
        'depth'             => 2,
        'container'         => 'div',
        'container_class'   => 'collapse navbar-collapse',
        'container_id'      => 'bs-example-navbar-collapse-1',
        'menu_class'        => 'nav navbar-nav',
        'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
        'walker'            => new WP_Bootstrap_Navwalker(),
      ) );
      ?>
    </div>
  </nav>
</header>

You might need to add fontawesome bars for the toggler

yarn add @fortawesome/fontawesome-free-solid