background-color: #ffffff; color: #000000; } Or, if your ânavbarâ is a class name, you may use: .navbar {. Posted 3-Oct-14 7:16am. It is usually always placed before the main content of your webpage. The CSS Styles for Navbar. The navigation bar color can be changed in Bootstrap using 2 methods: Method 1: Using the inbuilt color classes Changing the text color The text color of the navigation bar can be changed using two inbuilt classes: navbar-light: This class will set the color of the text to dark.