Bootstrap Navbar没有正确折叠

时间:2014-03-01 18:23:29

标签: javascript jquery html css twitter-bootstrap

问题:Navbar STARTS打开。崩溃时,链接仍然显示,只有背景崩溃。我已经确定我正在使用转换,并且我已经在那里获得了所有引导程序的javascript,引导程序css和我自己的一些样式,但我认为没有任何东西会影响导航栏。

What it looks like default

What it looks likes closed

我的代码:

<body>
<!--Navbar -->
<div class="contactUs">
    <p>
        <span class="glyphicon glyphicon-phone-alt"></span>&nbsp;00000000
    </p>
</div>
<!-- logo -->

<!-- end logo -->
<!-- Static navbar -->
<div class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <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>
            <a class="navbar-brand main-logo pull-left" href="index.html">SX Storage Essex Benfleet</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#selfStorage">Self Storage</a>
                </li>
                <li>
                    <a href="#businessStorage">Business Storage</a>
                </li>
                <li>
                    <a href="#">Prices</a>
                </li>
                <li>
                    <a href="#">Packaging </a>
                </li>
                <li>
                    <a href="#">Contact Us</a>
                </li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>

<!-- End navbar -->

1 个答案:

答案 0 :(得分:0)

感谢您的帮助,bootstrap css中缺少一些东西。我刚刚加入了CDN。不确定是怎么发生的,我没有触摸bootstrap css - 我要把它归结为僵尸模式深夜键盘糖化。