Monday 16 January 2017

create Nav Bar In bootstrap

<div class="header">

<div id="nav" class=" navbar navbar-default navbar-fixed-top header_footer_style_new " role="navigation" >

<div class="container">
   
    <div class="navbar-header" >
        <button type="button" class=" navbar-toggle" data-toggle="collapse" data-target="#nav_bar_link">
           
            <span class=" sr-only"> Toggle Navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>            </button>
           
        <a href="index.php" class="navbar-brand logo_scroll" ><img src="img/logo.png" class="img-responsive" width="50%" /></a>        </div><!-- navbar-header -->
       
        <div class=" collapse navbar-collapse navgiation_bar_rajan navbar-right navBarLinks" id="nav_bar_link">
        <ul class=" nav navbar-nav text-justify  ">
        <li><a href="index.php" >Home</a></li>
            <li><a href="#" >Menu</a></li>
                <li><a href="#" > Contact</a></li>
        <li><a href="#">Order Online</a></li>
                        <li><a href="#" >Gallery</a></li>
                                 
           
                       
             
       
        </ul>
        </div><!-- collapse navbar-collapse-->
    </div><!-- container-->
</div>
<!-- nav -->
 </div><!--header-->

No comments:

Post a Comment