<nav class=“navbar” role=“navigation”>
<div class="container-fluid"> <div class="navbar-header"> </div> <div class="container-fluid"> <div class="row"> <!-- toggle button --> <div class="col-xs-2 col-sm-3"> <button type="button" id="sidebarCollapse" class="btn navbar-btn"> <span class="sr-only">Toggle navigation</span> <i class="glyphicon glyphicon-align-left"></i> </button> </div> <div class="visible-xs col-xs-2 col-xs-push-8"> <div class="pull-right"> <a href="/" title="Rockheung's Sundry" class="navbar-brand" rel="home"> <img src="/assets/ico/home.png" class="img-rounded home-img" alt="Rockheung's Sundry" > </a> </div> </div> <div class="hidden-xs col-sm-6"> <div class="col-sm-12 text-center"> <a href="/" title="Rockheung's Sundry" class="navbar-brand aps-pos" rel="home"> <img src="/assets/ico/home.png" class="img-rounded home-img" alt="Rockheung's Sundry" > </a> </div> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-12 col-sm-3 hidden-xs"> <form action="" class="search-form"> <div class="form-group has-feedback"> <label for="search" class="sr-only">Search</label> <input type="text" class="search-query form-control" placeholder="Search" name="pattern" value="" > <span class="glyphicon glyphicon-search form-control-feedback"></span> </div> </form> </div> </div> </div> </div>
</nav>