初次bootstrap创建下拉菜单的问题

今天使用了bootstrap框架创建导航栏的下拉菜单，但试了多次没有效果，检查代码也没问题。最终通过百度了解到需要引入jquery，Bootstrap插件是jquery插件，依赖于jquery。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>bootstrap test</title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <script type="text/javascript" src="http://www.see-source.com/bootstrap/js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>


    </script>
</head>
<body>
    <ul class="nav nav-tabs" >
        <li class="active"><a  href="#">首页</a></li>
        <li><a href="#">热点</a></li>
        <li class="dropdown "  >
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">新闻<b class="caret"></b></a>
            <ul class="dropdown-menu" >
                <li><a tabindex="-1" href="#">zhazha</a></li>
                <li><a tabindex="-1" href="#">nima</a></li>
            </ul>
        </li>
        
    </ul>
</body>

　　仅仅是短了这样一句引用（下载了jQuery库文件，然后引用）。bootstrap的jQuery必须引用在这句之后。

  <script type="text/javascript" src="../js/jquery.js"></script>
posted @ 2014-04-15 22:43  正在了  阅读(566)  评论(0)    收藏  举报