Bootstrap Navbar

A navigation bar is a navigation header that is placed at the top of the page:
WebSiteName.

Bootstrap navigation bar is a navigation header which is placed at the top of the webpage. You can extend or collapse navbar according to your device screen. The default navbar of the Bootstrap is created with .navbar-default class such as <nav class="navbar navbar-default">.

You can create default navbar as following example.
<nav class="navbar navbar-default">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
            <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="#" class="navbar-brand">InimistSchool</a>
    </div>
    <!-- Collection of nav links, forms, and other content for toggling -->
    <div id="navbarCollapse" class="collapse navbar-collapse example-collapse-div-Bootstrap-Navbar">
        <ul class="nav navbar-nav">
            <li class="active example-li-Bootstrap-Navbar"><a href="#">Home</a></li>
            <li class="example-li-Bootstrap-Navbar"><a href="#">Free Projects</a></li>
            <li class="dropdown example-li-Bootstrap-Navbar">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">Tutorials <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Category</a></li>
                    <li><a href="#">Sub Category</a></li>
                    <li><a href="#">Post</a></li>
                </ul>
            </li>
        </ul>
        <form class="navbar-form navbar-left">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search">
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
                </span>
            </div>
        </form>
    </div>
</nav>

Output