[英]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.