Question

我正在使用引导带构建网站，当我调整浏览器大小时，菜单栏正确折叠，但是当我在移动设备和平板电脑设备（samsung s3 mini和nexus7）上测试时，菜单栏不会崩溃。

https://www.dropbox.com/s/hwotejxhs7ubzgf/Screenshot_2014-05-20-10-56-06.png https://www.dropbox.com/s/47tve6cj69pi0ti/Screenshot%202014-05-20%2010.59.57.png

    <!-- Custom Bootstrap core CSS -->
 <link href="css/custom-bootstrap.css" rel="stylesheet" type="text/css">

  <!-- Custom styles  -->
  <link href="css/style.css" rel="stylesheet" type="text/css">

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script>   <![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
   <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 <![endif]-->
 </head>

 <body>
 <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
       <a href="index.html" class="navbar-brand">Priory Carpets and Beds</a>
       <button class="navbar-toggle" type="button" data-toggle="collapse" data-   target="#navbar-main">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      </div>
      <div class="navbar-collapse collapse" id="navbar-main">
      <ul class="nav navbar-nav navbar-right">

                    <li  class="active">
         <a href="index.html">Home</a>           
          </li>

        <li>
         <a href="about.html">About</a>           
          </li>
        <li>
          <a href="services.html">Services</a> 
        </li>
        <li>
          <a href="contact.html">Contact</a> 
        </li>

      </ul>
    </div>
  </div><!-- end nav -->
</div>

为什么我的引导菜单在桌面上正确折叠但在我测试的任何设备上都没有？

0 个答案: