PHP & Bootstrap Developer Tool
Bootstrap Navigation Bar Generator
Customize colors, alignment, menu items, dropdowns and an action button, then copy the generated Bootstrap navbar code.
Build Your Navbar
Choose your settings, generate the navbar, then copy the source code.
Separate each menu item with a comma.
Leave blank if you do not need a dropdown.
Generated Navbar
Preview the result and copy the source when you're ready.Preview
Navbar HTML
Ready to copy & paste
Don't like what you see? Change the settings above and generate again.
Last Updated: October 3, 2026
Bootstrap Navbar Examples
Explore common Bootstrap navigation patterns and open the source code for any example you want to use.
Navigation Bar Top Of Page
Did you notice the "FIXED" bar at the top of the page?
My Website