Navbar test

by Avdhut Sonpethkar

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
 <nav class="navbar navbar-inverse ">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">WebSiteName</a>
                </div>
                <ul class="nav navbar-nav navbar-collapse">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#"><span class=" glyphicon glyphicon-edit"></span>Page 1</a></li>
                    <li><a href="#"><span class=" glyphicon glyphicon-edit"></span>Page 2</a></li>
                    <li><a href="#"><span class=" glyphicon glyphicon-headphones"></span>Page 3</a></li>
                    <li class="dropdown"><a href="#" data-toggle="dropdown">Drop Down <span class="glyphicon glyphicon-arrow-down"></span></a> 
                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" href="#">Action</a></li>
                            <li><a tabindex="-1" href="#">Another action</a></li>
                            <li><a tabindex="-1" href="#">Something else here</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Separated link</a></li>
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Inbox</a></li>
                            <li><a href="#">Drafts</a></li>
     ...