Bootstrap图标栏未显示 [英] Bootstrap icon-bar not showing

查看:69
本文介绍了Bootstrap图标栏未显示的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

调整浏览器大小时,Bootstrap导航栏菜单中的图标栏未显示:

the icon-bar in the navbar menu of Bootstrap not showing when resizing the browser:

http://jsbin.com/ixAqinA/1/

   <section class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-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 href="/">
        brand
      </a>
    </div>
    </section>

您可以在线观看JSBin示例: http://jsbin.com/ixAqinA/1/

you can see the JSBin example live: http://jsbin.com/ixAqinA/1/

推荐答案

您必须将其包装在里面

<nav class="navbar navbar-default" role="navigation"></nav>

  • 您的代码已更正: http://jsbin.com/ixAqinA/5/
  • 来自Bootstrap文档的示例
    • Your code corrected: http://jsbin.com/ixAqinA/5/
    • Example from Bootstrap documentation
    • 这篇关于Bootstrap图标栏未显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆