bootstrap 导航栏缩小不出现面包按钮

<body data-spy="scroll" data-target="#myScrollspy">

    <nav class="navbar bgnav " id="myScrollspy">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <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="#"><img src="../img/logo.png" alt="logo" class="img-responsive"></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav pull-right">
                    <li class="active">
                        <a href="">
                            <p>首页</p>
                            <p>HOME</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>经典案例</p>
                            <p>JINGDIAN</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>解决方案</p>
                            <p>FAMGAM</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>课件服务</p>
                            <p>LUKESHI</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>优惠活动</p>
                            <p>HUODONG</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>关于盛源</p>
                            <p>SHENGYU</p>
                        </a>
                    </li>
                    <!--
<li>
    <button class="btn-login fontwhite txtcenter">立即登录</button>
</li>
-->
                </ul>

            </div>
            <!-- /.navbar-collapse -->
        </div>

        <!-- /.container-fluid -->
    </nav>



    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</body>

clipboard.png

能帮我看下么 是在不知道是哪儿的问题 正常缩小到这个尺寸导航应该还显示啊不应该隐藏啊
依赖文件应该应该不差什么啊

clipboard.png

clipboard.png

不知道哪里出了问题

阅读 4k
2 个回答

你是不是导入两次<script src="../js/bootstrap.min.js"></script>

在nav元素中缺少了navbar-default类名,添加这个类名会给icon-bar背景色,以及navbar-toggle边框颜色。它们默认是透明色。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题