调整浏览器大小时,三个图标栏中只有两个显示。先前的答案表明人们没有将其图标栏放置在正确的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/

10-12 03:35