Bootstrap Header Examples

Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)


Learn Bootstrap

Learn Bootstrap 4 Fast
Bootstrap 4 textbook and toolkit

Dan's Deals All Deals


Recent Comments

For those, who wants to re-use it. If you want to change the color of the navbar, since it will appear with default colors (gray and hover to black), use that updated CSS functions: .navbar-default .navbar-nav > li > a { color:#fff !important; text-transform:uppercase;}.navbar-default .navbar-nav > li > a:hover { color: #11ff75 !important;}.navbar-brand.navbar-link { color:#11ff75 !important;}
Header full responsive + fixed navbar + animation effects | Shine v.1

New Full animated Header with One-Page scroll effect. You can Download the Source here: https://mega.nz/#!uTBUkYiC!s7RMjL1Tl3pbOBEFUQDyxkOhJ0W-cebz1ZMw5PwcYVMInclude: - Full Snippet- PSD (Photoshop file) for Header background with forms- Bootstrap Studio Project file for edit in Bootstrap Studio Software (you need version 2+)
Full animated Header + One-Page scroll effects [Free Feelings v.1]

If you like it, give me a thumbs up and I'll extend the headers for you with new features. Over time, new headers come again and again!
Fixed Header + Navbar + Buttons + Brand-Material-Icon | Gamer Clans v.1 | Responsive