使用bower包管理器安装的引导程序时，我无法使导航栏正常工作。
导航栏下面的列表中的文章由引导程序设计，不过很好。最后，我将链接更改为bootstrap css，然后导航栏的样式就正确了。有人知道为什么会这样吗？
<!DOCTYPE html>
<html>
<head>
<title>Articles</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> // works
// <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> // not working for navbar
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header"><a class="navbar-brand" href="#">WebSiteName</a></div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</nav>
<div class="container">
<h1>Articles</h1>
<ul class="list-group">
<li class="list-group-item">Article One</li>
<li class="list-group-item">Article Two</li>
<li class="list-group-item">Article Three</li>
<li class="list-group-item">MyTitle</li>
</ul>
<br>
<hr>
<footer>
<p>Copyright © 2019</p>
</footer>
</div>
</body>
</html>
尝试添加bootstrap.min.css而不是bootstrap.css
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
"bower_components/bootstrap/dist/css/bootstrap.css"看起来他们从bower_components\bootstrap\bower.json 中删除了"dist/css/bootstrap.css">
我们通过覆盖我们的项目bower.json暂时解决了这个问题。对我们来说，它工作得很好。但正在等待bootstrap的一些解决方案。
"overrides":{
"bootstrap" : {
"main": [
"less/bootstrap.less",
"dist/css/bootstrap.css",
"dist/js/bootstrap.js"
]
}
}