我试图在我的角度项目中使用引导导航栏。这就是我安装它的方式:
在cli中bootstrap + jquery安装:
npm install bootstrap jquery --save
angular-cli.json
:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
这是我的HTML:
<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>
&#13;
如果您需要其他内容,请在评论中提出。
这就是我得到的:
这就是我所期望的:
答案 0 :(得分:0)
找到它。
我正在使用bootstrap 3类,我导入了bootstrap 4.愚蠢的错误!
不好意思。