→ Ad Apon7
→ Navbar

Navbar

This bootstrap css example is contributed by Ad Apon7, on 08-May-2026. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Navbar

Author Ad Apon7

v.5.3

Fork Fullscreen

<nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container">
                <a class="navbar-brand" href="#">Navbar</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="/Index.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/About.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/Portfolio.html">Portfolio</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/Service.html">Service</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/Contact.html">Contact</a>
                        </li>

</ul>
                    
                </div>
            </div>
        </nav>

More Examples