调整浏览器大小时,三个图标栏中只有两个显示。先前的答案表明人们没有将其图标栏放置在正确的nav标签中,但是我这样做了,这都是正确的。我的网站是可见的here,,但这也是我的header.php代码:
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="logo">
<a href="http://http://www.franhaines.co.uk/paddlethewye/"/> <img src="wp-content/themes/BareTheme/logo.png" alt="Paddle the Wye Logo" border="0" /></a>
</div>
</div>
最佳答案
我在您的页面上发现了以下规则:
span {
color: #fff;
display: block;
font-family: centrale_sans_regularregular,helvetica;
font-size: 30px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 80;
}
从引导程序。
绝对职位正在打破它;将span.icon-bar的位置替换为静态或未设置,它将对其进行修复。
关于html - Twitter Bootstrap图标栏不显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29278440/