Bootstrap堆叠下拉菜单没有掉线

时间:2014-06-24 19:23:35

标签: html css3 twitter-bootstrap drop-down-menu html.dropdownlistfor

所以我的网站(jakepotterryan.com)有一个向左浮动的垂直导航菜单。我最近尝试创建一个包含我的项目的下拉菜单。我决定使用Bootstrap堆叠导航,但我似乎无法让菜单实际上任何东西。

也许它与我的容器中的空间限制有关,可能不允许菜单扩展?

         <ul class="nav navbar-stacked">
                <li class="active">
                    <a href="index.php">Home</a>
                </li>
                <li>
                    <a href="about.php">About Me</a>
                </li>

                <!--dropdown-->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Projects<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="blog/blog.php">Blog</a>
                        </li>
                        <li>
                            <a href="blink/blink.php" target="_blank">Blink Securities</a>
                        </li>
                        <li>
                            <a href="HeadTunes/index.php" target="_blank">Head Tunes LLC.</a>
                        </li>
                        <li>
                            <a href="http://chubfeed.wordpress.com/" target="_blank">Chub_feed</a>
                        </li>
                    </ul>
                </li>  
            <li>
                    <a href="Real_Resumenorefs.pdf" target="_blank">Resume</a>
            </li>
        </ul>

1 个答案:

答案 0 :(得分:1)

  

未捕获错误:Bootstrap的JavaScript需要jQuery

您需要在 Bootstrap(以及使用它的任何其他库,插件或函数)之前加载jQuery