Bootstrap navigation transparent

Question

Любая помощь будет оценена.

Я пытаюсь сделать мою навигацию с помощью бутстрапа, и я не могу сделать ее прозрачной (сквозной).

Вот мой codepen для него:

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

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

Самое смешное, что я использовал этот СЧА на моем предыдущем проекте, и он прозрачен там.

Надеется, что вы можете помочь мне, спасибо

Answer 1

Правильного синтаксис:

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

Answer 2

Просто используйте opacity свойство:

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

Answer 3

Вопрос заключается в том, что .navbar-inversebelongs to Bootstrap. Поэтому вместо борьбы с Bootstrap просто используйте свой собственный класс, например .navbar-transparent.

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