Merge pull request #71 from brody182/patch-1

Update README.md

Author: SideQuestDIY

README.md

@@ -33,18 +33,19 @@ Usage
 Update your `wp_nav_menu()` function in `header.php` to use the new walker by adding a "walker" item to the wp_nav_menu array.
 
 ```php
-<?php
-	wp_nav_menu( array(
-		'menu'				=> 'primary',
-		'theme_location'	=> 'primary',
-		'depth'				=> 2,
-		'container'			=> 'div',
-		'container_class'	=> 'collapse navbar-collapse navbar-ex1-collapse',
-		'menu_class'		=> 'nav navbar-nav',
-		'fallback_cb'		=> 'wp_bootstrap_navwalker::fallback',
-		'walker'			=> new wp_bootstrap_navwalker())
-	);
-?>
+ <?php
+            wp_nav_menu( array(
+                'menu'              => 'primary',
+                'theme_location'    => 'primary',
+                '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())
+            );
+        ?>
 ```
 
 Your menu will now be formatted with the correct syntax and classes to implement Bootstrap dropdown navigation. 
@@ -60,35 +61,35 @@ register_nav_menus( array(
 Typically the menu is wrapped with additional markup, here is an example of a ` navbar-fixed-top` menu that collapse for responsive navigation.
 
 ```php
-<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
-	<!-- Brand and toggle get grouped for better mobile display -->
-	<div class="container">
-		<div class="navbar-header">
-			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
-				<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>
-
-		<?php
-			wp_nav_menu( array(
-				'menu'				=> 'primary',
-				'theme_location'	=> 'primary',
-				'depth'				=> 2,
-				'container'			=> 'div',
-				'container_class'	=> 'collapse navbar-collapse navbar-ex1-collapse',
-				'menu_class'		=> 'nav navbar-nav',
-				'fallback_cb'		=> 'wp_bootstrap_navwalker::fallback',
-				'walker'			=> new wp_bootstrap_navwalker())
-			);
-		?>
-	</div>
+<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>
+
+        <?php
+            wp_nav_menu( array(
+                'menu'              => 'primary',
+                'theme_location'    => 'primary',
+                '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>
 ```