После того, как наконец-то вы наберете навигатор, чтобы посмотреть, как я хочу - слегка прозрачный черный с белыми ссылками - обваленные значки не отображаются на мобильных устройствах. Ссылка есть и работает, но нет значка. Что мне здесь не хватает?Bootstrap Transparent Navbar - Иконки с ручным скроенным меню Disappear
Вот Navbar:
<nav class="navbar transparent navbar-fixed-top" role="navigation">
<nav class="navbar-inner">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">EMILY STEWART VIOLIN</a></div>
<div class="collapse navbar-collapse" id="example-nav-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">HOME</a></li>
<li><a href="music.html">MUSIC</a></li>
<li><a href="pedagogy.html">PEDAGOGY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
</nav>
Вот CSS:
.navbar.transparent .navbar-inner {
background: rgba(0,0,0,0.4);
color: #ffffff;
}
.navbar.transparent .navbar-inner li a {
color: #ffffff;
font-family: "Raleway";
font-size: 10pt;
letter-spacing: 3pt;
}
.navbar.transparent .nav > li > a:focus,
.navbar.transparent .nav > li > a:hover {
color: #666666;
text-decoration: none;
background-color: transparent;
}
.button.navbar-toggle.collapsed:focus,
.button.navbar-toggle.collapsed:hover {
color: #666666;
}
.navbar.transparent .navbar-brand:hover,
.navbar.transparent .navbar-brand:focus {
background-color: transparent;
color: #ffffff;
}
.navbar.transparent .navbar-brand{
background-color: transparent;
color: #ffffff;
font-family: "Tenor Sans";
font-size: 16pt;
letter-spacing: 1pt;
}
А вот мой сайт: Site
это на самом деле bootstrap css, используемый для стилизации кнопки, а не с добавлением op – aw04
Я никогда не говорил, что добавил, что я просто дал ей решение. Так как стили CSS применяются в каскадах, если она изменяет родительский стиль (как и она), ей нужно изменить ситуацию по каскаду. – Devin
Спасибо, это отлично сработало для меня! Я подумал, что это была простая вещь, но не мог определить точный код. – Katie