Bootstrap 4 Basics Change Navbar Background Color Gradient Or Image


Check out our “Bootstrap 4 Make Fast Responsive Cool Websites From Scratch” course:

Bootstrap 4 Basics Change Navbar Background Color Gradient Or Image. Bootstrap 4 is an awesome platform, it’s really fast loading and lightweight, if you are not creating a blog or e-commerce store I would recommend it over WordPress every time.

Bootstrap 4 Basics Playlist:

CSS Code Used:

.mynav {
background:red !important;

background-image: linear-gradient(to right, red , yellow, green);

background-image: url(bg1.jpg);
background-position:right bottom;

background-image: url(bg2.jpg);
background-repeat: no-repeat;
background-size: cover;



Starter Template:

Download the free brackets text editor from here:

Free Tech Courses – Web Design, game development, javascript, wordpress, bootstrap:

Get our Build an awesome pro eCommerce store for free with WordPress course.

Get our complete WordPress local install and migration course here :

Get Our Full Bootstrap Website Building Course – Learn to build sites fast:

Subscribe to our Channel

More tips at :


Get us to build Your website:

Please watch: “Divi 4 Theme Builder Custom Footer With Vertical Menu”




  1. Sir first i learn wordpress and using elementor i practice a lot then i started to learn html and css and after this i starting bootstrap i want to build premium template but i face many problems when i custom css so can you help me
    If you have any whatsup number than send to me if you dont mind

  2. i am having some weird behavior , everything is fine on my computer but once i upload my page in to host , it just refuses to the job , colors get mixed between the !important color i gave and the default color of bg-dark
    this is mess and i am don't know what should i do
    the same thing goes for a:hover
    i use a for link in navbar for home about us and other things
    i specified a routine for hover but it just being ignored by bootstrap and the ugly default would show
    what is making me frustrated is that none of this is happening in my computer , i use PHP storm and everything is OK . once i upload it to the host and reach it using my domain everything just go out of control
    have u ever seen this before?


Please enter your comment!
Please enter your name here