• Monday , 24 September 2018

Customize Bootstrap 4 NAVBAR | CSS only

Code Canyon
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

3d Ocean

Related Posts

12 Comments

  1. Dream Land
    September 14, 2018 at 11:05

    Its only run html file… I want to run PHP file

  2. Dream Land
    September 14, 2018 at 11:05

    Tell me the software whr we see live changing on website while changing in css

  3. Dream Land
    September 14, 2018 at 11:05

    Which software it is ???

  4. Minhco nguyen
    September 14, 2018 at 11:05

    You're just amazing

  5. Oskar Ceso
    September 14, 2018 at 11:05

    how can you upload a video with such loud click noise?

  6. Mohammad Reza Asadi
    September 14, 2018 at 11:05

    Very Nice Work
    Thank you for this awesome Tutorial

  7. Usman Dar
    September 14, 2018 at 11:05

    You are awwesome Brother…

  8. Kiranjit Misra
    September 14, 2018 at 11:05

    Very good tutorial

  9. Allie Teaches English
    September 14, 2018 at 11:05

    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 🙂

  10. Rongmei Online
    September 14, 2018 at 11:05

    how can i makes the background img responsive? using the css background-image: url(img);

  11. Bilal Khan
    September 14, 2018 at 11:05

    Thank you very much for helping me by making this tutorial

  12. Roberto Moreno Ortiz
    September 14, 2018 at 11:05

    The "click" sounds are so loudy. It bothers.

Leave A Comment

You must be logged in to post a comment.