Question

朋友们，

我有以下基于bootstrap的菜单，由于某种原因不会崩溃。该菜单由WordPress生成，我正在使用bootstrap。可能导致这种情况的原因是什么？决议是什么？

Object.create

Answer 1

它不起作用，因为代码不完整。试试这个：

<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>

请注意dropdown的{{1}}，<div> data-toggle年<a>的{{1}}课程。他们必须遵循相同级别标签中的特定顺序。您不能将<dropdown-menu>放在class="dropdown"中

Answer 2

这是工作代码

＆＃13;

<!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>

＆＃13;

Bootstrap子菜单不会崩溃

2 个答案: