→ 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

537

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

Sidebar navigation with toggle button

Author:
Moana silva

1 year ago

8k

v.5.3
Navbar
a responsive navbar with search

Author:
Prajwal Hallale

2 years ago

10.3k

v.5.3
Navbar
Basic Navbar with Dropdown

Author:
Evan Jent

1 year ago

2.6k

v.4.6
Navbar Specials
Navbar with special design

Author:
Anonymous

1 month ago

283

v.5.3
Navbar Specials
Navbar with special design

Author:
almounkez

1 year ago

2.6k

v.5.3
navbar
navbar 2 line

Author:
almounkez

1 year ago

2.2k

v.4.6
Navbar
a responsive navbar with search and sticky ans Header

Author:
almounkez

1 year ago

4.2k

v.5.3
B- Bootstrap homepage with background color, hover effects, animations, and shadows added to enhance the design
B-Features Added: Background Gradient: A smooth gradient background using linear-gradient. Card Shadow and Hover Effect: The card now lifts up with a shadow (box-shadow) and smooth transition (transform) on hover. Button Customization: A custom round button with hover color change. Animation: The card content animates with a "fade-in-up" effect using keyframe animation.

Author:
Bhavik Shah

1 year ago

3k

v.4.6
slider

Author:
Ad Apon7

2 months ago

783

v.5.3
Progress bars made with bootstrap 5.3

Author:
Anonymous

1 year ago

3.2k

v.5.3
Stats card made with boostrap 4.6
Minimal admin stats card

Author:
Mishti

2 years ago

4.4k

v.4.6
Beautiful Spinners made with Bootstrap 5
collection of loading spinners

Author:
Anonymous

1 year ago

2.5k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent