Javascript html下拉按钮不工作

谁能告诉我下拉按钮有什么问题吗。它在我的chrome中不起作用。 这是我的html代码-

IconMaker
你忘了添加下面的css

.show > .dropdown-menu {
  display: block;
}

使用此链接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">



而不是

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">



因为你在css中使用了4.0.0-beta版，在javascript中使用了另一个版本
为什么你在4.0.0-beta版和3.3.7的JS版中包含了引导的css？将它包含在同一版本中并再次测试。我不认为这是问题的原因。问题原因不同版本如果您阅读了bootstrap 4.0的文档，您可以看到css是
.show>。下拉菜单{display:block；}
是否可以从您的一端重新检查