[ad_1]
https://i.ytimg.com/vi/3Yc7TVZo3h0/hqdefault.jpg
The background image : https://goo.gl/ULB5SA
CSS code :
.mynav{
background-image: url(‘../img/bg-nav.jpg’);
height:500px;
}
.navbar{
background-color: transparent !important;
}
.navbar .navbar-brand{
color : #FFF;
font-weight: bolder;
font-size: 1.3em;
}
.navbar .navbar-nav{
margin : 0 auto;
}
.navbar .nav-item a{
color: #FFF !important;
}
.navbar .dropdown-menu{
background-color: rgba(0,0,0,0.3);
}
.dropdown-item:hover{
background-color: rgba(0,0,0,0.3);
}
.navbar form button{
background-color: #ea00b1;
color:#FFF;
border:0;
}
.navbar form button:hover{
background-color: #000;
}
Original source
12 responses to “Customize Bootstrap 4 NAVBAR | CSS only”
Its only run html file… I want to run PHP file
Tell me the software whr we see live changing on website while changing in css
Which software it is ???
You're just amazing
how can you upload a video with such loud click noise?
Very Nice Work
Thank you for this awesome Tutorial
You are awwesome Brother…
Very good tutorial
Thank you for this short, but very helpful video! Some of the other videos were over an hour long just for something you did in 10 minutes 🙂
how can i makes the background img responsive? using the css background-image: url(img);
Thank you very much for helping me by making this tutorial
The "click" sounds are so loudy. It bothers.