CODEWITHSUNDEEP
csstwitter-bootstrap
vlad
vlad

Reputation: 1035

Bootstrap navigation transparent

Any help would be appreciated.

I am trying to make my navigation with help of bootstrap, and I can not make it transparent (see-through).

Here is my codepen for it:

http://codepen.io/anon/pen/akKYjZ

.navbar-inverse {
    background-color: rgba(0, 0, 0, .0);
    border: none;
}

The funny thing is that I used this nav on my previous project and it is transparent there.

Hope you can help me out, thanks

Upvotes: 0

Views: 45

Answers (3)

Caleb Anthony
Caleb Anthony

Reputation: 1123

The issue is that .navbar-inverse belongs to Bootstrap. So instead of fighting with Bootstrap, just use your own class, like .navbar-transparent.

http://codepen.io/calebanth/pen/AXdyzG

Upvotes: 1

Regedit
Regedit

Reputation: 33

Just use the opacity property:

.navbar-inverse {
    background-color: #ffffff;
    border: none;
    opacity: yourValue;
}

Upvotes: 0

Toby
Toby

Reputation: 13385

The correct syntax is:

.navbar-fixed-top {
  backckground-color: transparent;
  background-image: none;
}

Upvotes: 1

Related Questions