"Test Sub Nav"
Bootstrap 3.3.0 Snippet by xrozix

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="nav-secondary-menu-container"> <div class="wrap"> <ul class="nav-secondary-menu"> <li class="active-menu"><a href="/">Latest</a></li><li><a href="/news/cat/software">Software</a></li> <li><a href="/news/tags/gaming">Gaming</a></li><li><a href="/news/tags/xbox/xbox_one/xbox_one_x/">Xbox</a></li> <li><a href="/news/tags/microsoft">Microsoft</a></li> <li><a href="/news/tags/fast_ring/slow_ring/windows_insiders/release_preview">Windows Insiders</a></li> <li><a href="/news/were-hiring-were-looking-for-news-reporters-around-the-world-to-join-the-neowin-team-3">|     Write for Neowin</a></li> </ul> </div> </div>
.nav-secondary-menu-container {display: block;} .nav-secondary-menu-container {background-color: #f5f5f5;} .nav-secondary-menu-container > .wrap {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;} .wrap::before, .wrap::after {display: table;content: "";} .wrap {max-width: 1200px;padding-right: 20px;padding-left: 20px;} .wrap {margin-right: auto;margin-left: auto;min-width: 320px;max-width: 100%;} .nav-secondary-menu-container .nav-secondary-menu {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 1;flex-shrink: 1;-ms-flex-preferred-size: auto;flex-basis: auto;} .nav-secondary-menu {display: block;} .nav-secondary-menu::before, .nav-secondary-menu::after {display: table;content: "";} .nav-secondary-menu .active-menu {background-color: #1e5078;} .nav-secondary-menu > li {position: relative;display: block;float: left;box-sizing: border-box;padding-right: 10px;padding-left: 10px;} .nav-secondary-menu .active-menu a {color: white !important;} .nav-secondary-menu > li > a {color: rgba(50,50,50,0.6);padding: 8px 0;border-bottom: 2px solid transparent;display: block;position: relative;text-align: center;text-decoration: none;font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 16px;font-weight: 400;} .nav-secondary-menu::after {clear: both;} .nav-secondary-menu::before, .nav-secondary-menu::after {display: table;content: "";} .wrap::after {clear: both;}

Related: See More


Questions / Comments: