[英]Bootstrap navbar button works but the button itself doesn't show
<!---header and Navigation--->
<header>
<nav class="navbar navbar-defaault navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#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="#featured"><span class="subhead">Jeremy Williams</span></a>
</div><!---navbar-header--->
<div class="collapse navbar-collapse" id="nav-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#featured">Home</a></li>
<li><a href="#about_me">About Me</a></li>
<li><a href="#what_i_do">What I do</a></li>
<li><a href="#my_work">My work</a></li>
</ul>
</div><!---collapse navbar-collapse--->
</div><!---Container--->
</nav>
<header>
我不確定我是否缺少某些內容,但是那里有些內容,如果您單擊它,它可以工作,但是您看不到要單擊的按鈕。
我認為您的意思是屏幕較小時出現的漢堡按鈕。 這三行代碼是使用<span class="icon-bar"></span>
部分創建的。 它們是白色的,這就是為什么您看不到它們的原因,但是它們在那里(嘗試在小屏幕上單擊右上方)。 使用CSS更改導航的背景或圖標欄。
.icon-bar {
background-color:#FF0000 !important;
}
在這里查看結果: bootply
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.