0

努力理解我在这里做错了什么。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="Cyborg/bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap-responsive.css">
</head>

<body>

<div id="navigation">

    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </a>
                <a class="brand" href="#">Project Name</a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li><a href="/home.aspx">HOME</a></li>
                            <li><a href="/news.aspx">NEWS</a></li>
                            <li><a href="/thingstodo.aspx">THINGS TO DO</a></li>
                            <li><a href="/business.aspx">BUSINESS</a></li>
                            <li><a href="/sport.aspx">SPORT</a></li>
                            <li><a href="/villagelife.aspx">VILLAGE LIFE</a></li>
                            <li><a href="/talk.aspx">TALK</a></li>
                        </ul>
                    </div><!-- /.nav-collapse -->
            </div><!-- /.container -->
        </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->
</div>
</body>
<script src="/ajax/libs/jquery/1.9.0/jquery.min.js" />
 <script src="js/bootstrap.min.js" />
</html>

该按钮出现在@media 下小于 940 像素,但该按钮未激活!

现在变得非常令人沮丧,遵循了一些例子,但没有得到任何结果

请问有什么想法吗?

4

2 回答 2

0

包含 nav-collapse 的 div 必须包含collapse类。还需要引导响应 css,因此请确保其正确放置。

请执行下列操作 :

<div class="nav-collapse collapse">

确保这两个 css 文件在同一个目录中,这是一个好习惯,您可以通过以下方式拥有它们

<link rel="stylesheet" type="text/css" href="Cyborg/bootstrap.css"> /*here in cyborg directory*/
<link rel="stylesheet" type="text/css" href="bootstrap-responsive.css">/*put this one in Cyborg as well */

将它放在 Cyborg 目录中,如下所示:

<link rel="stylesheet" type="text/css" href="Cyborg/bootstrap-responsive.css">

jquery 链接似乎也是问题所在,请使用以下内容:

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
  </script>
于 2013-03-01T02:20:18.400 回答
0

谢谢大家,我刚刚发现了一些相当愚蠢的事情。Chrome 正在为 . 需要,现在正在工作。

于 2013-03-01T08:25:51.463 回答