<li><a href="#" role="menuitem">The walking dead</a></li> <li><a href="#" role="menuitem">Scorpion</a></li> <li class="divider"></li><li><a href="#" role="menuitem">Old series</a></li> </ul> </li> </ul> </div> <ul class="nav navbar-nav"> <li><a href="#">About us</a></li> </ul> </div> </div> </nav>'], ['name' => 'Complex nabvars', 'description' => 'You can specify a custom <code>id</code> which will be used for the navbar’s collapsable <code>div</code>. You can also specify custom options in the <code>vertical</code> and <code>horizontal</code> helpers which will be added to their <code>div</code> tags. ', 'php_code' => "echo BootHelp::navbar(['id'=>'navbar'], function(){\n return [\n BootHelp::vertical(['id'=>'vertical', 'class'=>'en', 'data-js'=>1], function(){\n return BootHelp::link_to('Home');\n }),\n BootHelp::horizontal(['class'=>'en', 'data-js'=>2], function(){\n return BootHelp::nav(['class'=>'navbar-left'], function(){\n return\n BootHelp::link_to('Profile') .\n BootHelp::link_to('Settings');\n });\n })\n ];\n});", 'result' => BootHelp::navbar(['id' => 'navbar'], function () { return [BootHelp::vertical(['id' => 'vertical', 'class' => 'en', 'data-js' => 1], function () { return BootHelp::link_to('Home'); }), BootHelp::horizontal(['class' => 'en', 'data-js' => 2], function () { return BootHelp::nav(['class' => 'navbar-left'], function () { return BootHelp::link_to('Profile') . BootHelp::link_to('Settings'); }); })]; }), 'html_code' => '<nav class="navbar navbar-default" role="navigation"> <div class="container"> <div data-js="1" class="en navbar-header" id="vertical"> <button data-target="#navbar" data-toggle="collapse" class="navbar-toggle" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">Home</a>