<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="Content/bootstrap.min.css" rel="stylesheet" /> <link href="Content/bootstrap.css" rel="stylesheet" /> <script src="Scripts/jquery-1.9.1.js"></script> <link href="yamm/yamm.css" rel="stylesheet" /> <script src="yamm/gulpfile.js"></script> <link href="navbarStyling.css" rel="stylesheet" /> <title></title> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <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="#"> <img src="./rsz_logo.png" alt="" /> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li> <a href="#">Home</a> </li> <li class="dropdown yamm-fw "> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Categories </a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img alt="150x190" src="http://placekitten.com/150/190/"> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img alt="150x190" src="http://placekitten.com/150/190/"> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img alt="150x190" src="http://placekitten.com/150/190/"> </a> </div> <div class="col-xs-4 col-sm-2"> <a class="thumbnail" href="#"> <img alt="150x190" src="http://placekitten.com/150/190/"> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img alt="150x190" src="http://placekitten.com/150/190/"> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img alt="150x190" src="http://placekitten.com/150/190/"> </a> </div> </div> </div> </li> </ul> </li> <!--<li class="dropdown yamm-fw open"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"></a> <ul class="dropdown-menu"> <li> <div class="yamm-content"> <div class="row"> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img src="#" alt="150 x 190" /> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img src="#" alt="150 x 190" /> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img src="#" alt="150 x 190" /> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img src="#" alt="150 x 190" /> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img src="#" alt="150 x 190" /> </a> </div> <div class="col-xs-6 col-sm-2"> <a class="thumbnail" href="#"> <img src="#" alt="150 x 190" /> </a> </div> </div> </div> </li> </ul> </li>--> <li> <a href="#">About Us</a> </li> </ul> </div> </div> </nav> /body> /html>
/*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)