Transparent color of Bootstrap-3 Navbar

Question

I m having problem with setting bootstrap3 navbar transparency or opacity color  I didin t change anything in bootstrap css or bootstrap-theme css  In my menu I m Trying to put image under that and set color to black-transparent or black with opacity like here  http   i imgur com f9NNwtD png You can see that opacity ammount is not very high but it is   and i have to do something like that  When I m changing anything the color is setting white so please help me   The Code below     lt div class  navbar transparent navbar-inverse navbar-static-top hr  gt       lt div class  navbar-brand logo  gt  lt  div gt       lt div class  navbar-brand-right  gt       lt  div gt       lt div class  container  gt            lt div class  navbar-header  gt               lt button type  button  class  navbar-toggle  data-toggle  collapse  data-target   navbar-collapse  gt                   lt span class  icon-bar  gt  lt  span gt                   lt span class  icon-bar  gt  lt  span gt                   lt span class  icon-bar  gt  lt  span gt               lt  button gt            lt  div gt           lt div class  navbar-collapse collapse  gt               lt ul class  nav navbar-nav mineul  style  font-size 17px margin-top 9px  color white   gt                 lt li gt  lt a href     gt Test1 lt  a gt  lt  li gt                  lt li gt  lt a href     gt Test1 lt  a gt  lt  li gt                  lt li gt  lt a href     gt Test1 lt  a gt  lt  li gt               lt  ul gt            lt  div gt       lt  div gt   lt  div gt    And bootply  http   bootply com 106966

User · Answer

The class is  navbar-default  You need to create a class on your custom css  navbar-default And follow the css code  Also if you don   t want box-shadow on your menu  you can put on the same class     navbar-default         background-color transparent  important        border-color transparent        background-image none        box-shadow none           To change font navbar color  the class is to change      navbar-default  navbar-nav li a see the code bellow       navbar-default  navbar-nav gt li gt a        font-size 20px        color  fff        ref   http   twitterbootstrap org bootstrap-navbar-background-color-transparent

User · Answer

you can use this for your css   mainly use css3 rgba as your background in order to control the opacity  and use a background fallback for older browser   either using a solid color or a transparent  png image    navbar      background rgba 0 0 0 0 5        for latest browsers       background   000      fallback for older browsers        More info  http   css-tricks com rgba-browser-support

User · Answer

Go to http   px64 net   mess around with opacity  add your image or choose color   copy either html or css css is easier  the site spits out  Select your element aka the navbar   navbar  background-image url link that the site provides   background-repeat repeat  Enjoy

User · Answer

navbar      background-color  transparent     background  transparent     border-color  transparent      navbar li   color   000      http   bootply com 106969

[html] Transparent color of Bootstrap-3 Navbar

Examples related to html

Examples related to css

Examples related to twitter-bootstrap