WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
नेविगेशन मेनू
1732
ledoc
संपादक में खोलें
Video
अपना कोड प्रकाशित करें
0
अनुशंसित
19 November 2025
Google लॉगिन और रिस्पॉन्सिव मेनू HTML कोड
16 March 2024
साइड मेनू कोड HTML
19 September 2025
एनिमेटेड CSS ड्रॉपडाउन मेनू के उदाहरण
HTML
Copy
Navbar
Home
Features
Pricing
Disabled
CSS
Copy
.navbar-collapse { position: absolute; top: 0; left: 0; right: 0; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #3e4149; } .navbar-toggler, .navbar-brand { z-index: 1; } .navbar-brand { font-size: 1.8em; } .navbar-toggler:focus { box-shadow: none; } .navbar-collapse .nav-link { font-size: 1.5em; letter-spacing: 2px; color: #fff; } .navbar-collapse .nav-link:hover, .navbar-collapse .nav-link.active { color: darkseagreen; } .nav-item:not(:last-child) { border-bottom: 1px solid gray; padding: 0.2em 4em; } @media screen and (min-width: 768px) { .nav-item:not(:last-child) { padding: 0.5em 8em; } } .navbar-collapse.show { transition: all 0.5s; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */