Customize Bootstrap 4 NAVBAR | CSS only



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”

Leave a Reply