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>

ボタンは 940px 未満の @media の下に表示されますが、ボタンはアクティブになりません!

今はかなりイライラしています。例に従っていますが、どこにも行きません

アイデアはありますか？

4

2 に答える 2

0

nav-collapse を含む div にはcollapseクラスが含まれている必要があります。また、ブートストラップ レスポンシブ CSS が必要なので、適切に配置されていることを確認してください。

以下をせよ ：

<div class="nav-collapse collapse">

2つの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 に答える