Question

所以我正在使用模板＆＃34; Butterfly＆＃34;在一个自助网站上工作。到目前为止，除了用于移动设备调整大小的导航栏之外，一切正常。出于某种原因，在移动设备上无法打开下拉菜单。我正在使用PHP包含标记在网站的每个页面上轻松包含相同的导航栏，并允许轻松更新。

Invalid request: Invalid HTTP format, parsing fails

Navbar代码：

<?php include_once("template/menu.html"); ?>

以下是导航栏的CSS：

<!--Mobile version of header-->
    <ul class="toggle">
      <li><a href="../index.php">Home</a></li>
      <li><span style="cursor:pointer">
        <div class="dropdown">
          <a class="dropdown-toggle disabled" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
            Properties
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
            <li><a href="#">Link 3<span class="label label-success label-as-badge">0 New</span></a></li>
            <li><a href="#">Link 2<span class="label label-success label-as-badge">3 New</span></a></li>
            <li><a href="#">Link 3<span class="label label-success label-as-badge">Nothing here</span></a></li>
          </ul>
        </div></span>
      </li>
      <li><a href="#work_outer">Links</a></li>
      <li><a href="#Portfolio">About</a></li>
      <li><a href="#client_outer">Apply</a></li>
    </ul>

这是导航栏的更多css。大多数是默认来自bootstrap.css，但我不确定：

.nav-right{
    float:right;
    }

.nav ul{
    list-style:none;
    padding:0px;
    }
.nav ul.toggle{
    display:none;
    visibility:hidden;
    height:0px;
    overflow:hidden;
    margin-bottom: 0;
    }

.nav ul li{
    display:inline-block;
    margin:0 23px;
    }

.nav ul li:first-child{
    /*margin:0px;*/
    }

.nav ul li:last-child{
    margin:0 0 0 23px;
    }

.nav ul li a{
    display:block;
    font-size:14px;
    color:#222222;
    font-family:'Dosis';
    text-decoration:none;
    text-transform:uppercase;
    font-weight: 600;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;    
    }
.nav ul li a:hover{
    color:#49b5e7;
    }

感谢阅读，非常感谢任何帮助。如果您需要更多信息，请询问，我会在我的代码中找到并发布。再次感谢大家！

Bootstrap导航栏下拉菜单无效

0 个答案: