마침내 navbar가 원하는대로 보입니다. - 흰색 링크가있는 약간 투명한 검은 색입니다. 접힌 아이콘이 모바일에 표시되지 않습니다. 링크가 있고 작동하지만 아이콘은 없습니다. 내가 여기서 무엇을 놓치고 있니? 여기부트 스트랩 투명 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;
}
그리고 여기에 내 사이트 :
실제로 버튼의 스타일을 지정하는 데 사용되는 부트 스트랩 CSS는 op가 추가 된 것이 아닙니다. – aw04
나는 그녀에게 그 말을 덧붙여서 말하지 않았습니다. CSS 스타일이 계단식으로 적용되므로 부모 스타일을 변경하면 캐스케이드로 변경해야합니다. – Devin
감사합니다. 나는 그것이 단순한 스타일 일이지만 정확한 코드를 이해할 수 없다고 생각했다. – Katie