→ 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

914

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

Navbar Specials
Navbar with special design

Author:
almounkez

1 year ago

2.8k

v.5.3
Sidebar navigation with toggle button

Author:
Moana silva

2 years ago

8.3k

v.5.3
about page

Author:
lamiajahan

1 month ago

121

v.4.6
Navbar
a responsive navbar with search

Author:
Prajwal Hallale

2 years ago

11k

v.5.3
Navbar Specials
Navbar with special design

Author:
Anonymous

3 months ago

350

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

Author:
almounkez

1 year ago

4.4k

v.5.3
home page

Author:
lamiajahan

1 month ago

115

v.4.6
navbar
navbar 2 line

Author:
almounkez

1 year ago

2.4k

v.4.6
Navbar
Basic Navbar with Dropdown

Author:
Evan Jent

1 year ago

2.7k

v.4.6
portfolio

Author:
lamiajahan

1 month ago

125

v.4.6
HTML Boilerplate

Author:
istiakahmedchowdhury10

1 month ago

102

v.4.6
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

3.2k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent