Tutorialsplane

Bootstrap Add Background Image In Navbar

Bootstrap Add Background Image In Navbar– Sometimes we need to add background image to the navigation bar in bootstrap. There are many ways to do this, here in this tutorial we are going to add the background image with the help of existing class and adding some custom style to it.


Bootstrap Add Background Image In Navbar Example

You can add the background image to the navbar using the class .navbar-inner Simply as below-

Bootstrap Add Background Image In Navbar Example:

.navbar-inner{
  background-image: url('my-custom-navbar-bg.png');
  background-repeat: repeat-x;
}

On the same way you can override the other navbar styles. If you don’t want to add the background image to the core bootstrap class .navbar-inner, you can create your own custom class and add the above style.