0

私はこのコードを持っています:

<!DOCTYPE html>
<html>
<head>
  <title>Webpage</title>
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
  <![endif]-->

    <!-- CSS
  ================================================== -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
    <script type="text/javascript" src="js/bootstrap.js"></script>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
</head>
<body>
  <div class="navbar navbar-fixed-top navbar-inverse">
    <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="#">La Estación Argentina</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Nosotros</a></li>
                        <li><a href="index.html">Menú</a></li>
                        <li><a href="index.html">Galería</a></li>
                        <li><a href="index.html">Ubicación</a></li>
                        <li><a href="index.html">Promociones</a></li>
                        <li><a href="index.html">Contacto</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="span9"></div>
      <div class="span3">
      </div>
    </div>
  </div>
</body>
</html>

そして、CSS を適用したコードは、ページを「シンキング」すると次の結果をもたらします (応答性は問題なく動作します)。

サンプル画像

しかし、モバイルでメニュー要素を表示するボタンをクリックすると、何も表示されません (ただし、全幅のページにはメニュー要素があります)。

4

1 に答える 1

0

問題は、メニューを操作する機能が jQuery ライブラリに依存していることです。

ライブラリが含まれており、正常に動作しているこの JSBin の例を確認してください。http://jsbin.com/itutin/1/

于 2012-09-25T06:23:08.043 に答える