首页 新闻 会员 周边 捐助

BootStrap里面的icon-bar显示不出来

0
悬赏园豆:15 [已解决问题] 解决于 2017-01-22 17:06

下面是我的html5代码:

<nav id="header-nav" class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a href="#" class="navbar-brand"><img src="img/logo.png" alt="乐享网"></a>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#abcd">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>`
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="abcd">
                <ul class="nav navbar-nav navbar-right header-inner-nav">
                    <li class="active"><a href="#"><i class="glyphicon glyphicon-home"></i> 首页</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-pencil"></i> 发布</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-list"></i> 分类</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-question-sign"></i> 关于</a></li>
                    <li><a href="about.html">登录 <i class="glyphicon glyphicon-play icon-sj"></i></a></li>
               </ul>
            </div>
        </div>
    </nav> 

确定引入了bootstrap的css文件,jquery文件以及bootstrap的js文件,就是用google手机查看,看不了那个汉堡样子的三条横线的按钮

 

这是PC端效果:

这是手机端效果:

 

 

爱因斯坦不爱物理的主页 爱因斯坦不爱物理 | 初学一级 | 园豆:7
提问于:2017-01-17 14:05
< >
分享
最佳答案
1

你中间那个 icon-bar 后面多了一个奇怪的东西,不过,我试了一下你的代码,我可以看到那个汉堡按钮!

收获园豆:15
by.Genesis | 老鸟四级 |园豆:2824 | 2017-01-17 14:16
其他回答(2)
0

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

在<div class="navbar-header">后插入

ycyzharry | 园豆:25683 (高人七级) | 2017-01-17 14:18
0

手机端的话,你试下jquerymobile

大黄人 | 园豆:641 (小虾三级) | 2017-01-18 17:57
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册