<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>