"Menu Tabs WIth Info Box"
Bootstrap 3.3.0 Snippet by sparkktv

<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 ----------> <img src="https://camo.githubusercontent.com/ea564e9055070c952a992d98b98b7979bbf9987b/687474703a2f2f706c616365686f6c642e69742f3132303078353030" class="img-responsive" alt="Above The Fold"> <div class="navbar navbar-default"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-collapse"> </a> <a class="navbar-brand">Above The Fold</a> <div class="navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="#">Main</a></li> <li><a href="#">Cast</a></li> <li><a href="#">Episodes</a></li> </ul> </li> </ul> <ul class="nav pull-right"> <a href="#" class="show-social-icon" style="color:#3b5998;"><span class="fa fa-facebook-square fa-3x"></span></a> <a href="#" class="show-social-icon" style="color:#00aced;"><span class="fa fa-twitter-square fa-3x"></span></a> <button type="button" class="btn btn-default disabled">1 Season | TV-14 | HD | 2016</button> </ul> </div><!-- /.nav-collapse --> </div> </div>
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); body { width:1200px; } .nav.pull-right { margin-top:-17px; } .btn-default.disabled { margin-top: -22px; width: 215px; font-size: 13px; padding: 5px 0px; color: #fff; border-color: #fff; background-color:transparent; } .navbar { max-height:40px !important; } .navbar-nav { margin-top:-20px; } .navbar-default { background-color: #2d2d32; border-color: #2d2d32; } .navbar { border-radius:0px; }

Related: See More


Questions / Comments: