Bootstrap子菜单不会折叠

我有以下基于bootstrap的菜单，不会由于某种原因折叠。该菜单是由WordPress生成的，我正在使用引导程序。这可能是什么原因造成的？解决方案是什么？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-29 dropdown"><a title="Therapieën" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Therapieën <span class="caret"></span></a> 
 
    <ul role="menu" class=" dropdown-menu"> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a title="Logopedie" href="http://localhost:81/wordpress/logopedie/">Logopedie</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a title="Bijlessen" href="http://localhost:81/wordpress/bijlessen/">Bijlessen</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a title="Audiologie" href="http://localhost:81/wordpress/audiologie/">Audiologie</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a title="Stemtherapie" href="http://localhost:81/wordpress/stemtherapie/">Stemtherapie</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a title="Verder ook begeleiding in" href="http://localhost:81/wordpress/verder-ook-begeleiding-in/">Verder ook begeleiding in</a></li> 
 
    </ul> 
 
</li>

来源

2017-05-09 Kris Van den Bergh

你可以创建一个bootply，所以我们可以看到代码的工作？ –

任何控制台错误？ – madalinivascu

你是bootstrap工作吗？ – Stender

它不工作，因为代码是不完整的。试试这个：

<div class="dropdown"> 
<li> 
<a href="#" data-toggle="dropdown">Therapieën <span class="caret"></span></a> 
<ul class="dropdown-menu"> 
    <li ><a href="http://localhost:81/wordpress/logopedie/">Logopedie</a></li> 
    <li><a href="http://localhost:81/wordpress/bijlessen/">Bijlessen</a></li> 
    <li><a href="http://localhost:81/wordpress/audiologie/">Audiologie</a></li> 
    </ul> 
</li> 

</div>

通知之类的<div>的dropdown，data-toggle的<a>安<dropdown-menu>。他们必须遵循同一级别标签中的特定顺序。你不能把class="dropdown"在<li>例如

来源

2017-05-09 08:19:39 Bloomberg58

这里是工作的代码

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-29 dropdown"><a title="Therapieën" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Therapieën <span class="caret"></span></a> 
 
    <ul role="menu" class=" dropdown-menu"> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a title="Logopedie" href="http://localhost:81/wordpress/logopedie/">Logopedie</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a title="Bijlessen" href="http://localhost:81/wordpress/bijlessen/">Bijlessen</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a title="Audiologie" href="http://localhost:81/wordpress/audiologie/">Audiologie</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a title="Stemtherapie" href="http://localhost:81/wordpress/stemtherapie/">Stemtherapie</a></li> 
 
    <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a title="Verder ook begeleiding in" href="http://localhost:81/wordpress/verder-ook-begeleiding-in/">Verder ook begeleiding in</a></li> 
 
    </ul> 
 
</li> 
 

 

 
</body> 
 
</html>

来源

2017-05-09 10:25:07

Bootstrap子菜单不会折叠

回答

相关问题