Html 我的引导下拉类无法显示下拉菜单
我已经在我的HTML文件中添加了以下代码来实现引导下拉列表,但是我无法看到下拉列表 HTML文件Html 我的引导下拉类无法显示下拉菜单,html,css,bootstrap-4,Html,Css,Bootstrap 4,我已经在我的HTML文件中添加了以下代码来实现引导下拉列表,但是我无法看到下拉列表 HTML文件 <div class="tools text-muted d-flex justify-content-around mr-4"> <div class="pr-3 border-right">Filter</div> <div class="dropdown"> <button c
<div class="tools text-muted d-flex justify-content-around mr-4">
<div class="pr-3 border-right">Filter</div>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Filter
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
<fa-icon class="pr-3" [icon]="faChevronDown"></fa-icon>
</div>
<button type="button" class="btn btn-warning">Register</button>
</div>
我不想在这里看到下拉菜单,我可以看到按钮,但看不到下拉菜单。当我简单地将CDN文件链接添加到HTML文档时(不使用任何其他内容)引导的下拉菜单需要。我不知道您是否已将其添加到package.json中的依赖项中,但如果没有,请将其添加到那里或通过npm安装添加。你可以看看。如果已安装Popper.js,angular.json应如下所示:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
]
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"src/assets/js/custom.js"
]
它是否显示在浏览器检查器中?请发布完整代码的链接以便复制。我在这里使用引导下拉类。但是当我点击按钮时,我看不到下拉列表。bootstrap类出现在浏览器检查器中看起来不错,您能添加一个链接示例以便我们重现该问题吗?谢谢!在脚本中添加popper.js并安装它对我很有用。非常感谢你!
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
]
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"src/assets/js/custom.js"
]