1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<nav class="navbar ct-u-backgroundWhite " role="navigation"> <div class="ct-u-hideText"> <h2 class="ct-u-hideText">Main Menu</h2> </div> <div class="container-fluid navbar-menu"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> [logo] </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="header-search pull-right"> <form class="form-inline" role="search"> <div class="input-group"> <input type="text" class="form-control search-input" placeholder="Search"> <span class="input-group-btn"> <button type="submit" class="btn btn-primary btn-search">Submit</button> </span> </div> </form> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav yamm list-unstyled ct-navbar--fadeIn"> <li class="dropdown"> [content] </li> <li class="dropdown yamm-fw"> <a href="features-grid.html">Features </a> <ul class="dropdown-menu"> <li class="yamm-inner"> <div class="yamm-content"> [content] </div> </li> </ul> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> |
- ct-headroom–scrollUpMenu
- ct-headroom–scrollUpTopBar
- ct-headroom–scrollUpBoth
- ct-headroom–fixedTopBar
- ct-headroom–fixedMenu
- ct-headroom–fixedBoth
- ct-headroom–hideMenu
- ct-navbar–transparent
You can also use smaller navbar type by adding the following class to .navbar:
- navbar-makeSmaller