角度项目中的Bootstrap无法正常工作

时间:2018-06-07 20:48:40

标签: html angular bootstrap-4

我试图在我的角度项目中使用引导导航栏。这就是我安装它的方式:

在cli中

bootstrap + jquery安装:

npm install bootstrap jquery --save

see it's source code:

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;
&#13;
&#13;

如果您需要其他内容,请在评论中提出。

这就是我得到的:

这就是我所期望的:

1 个答案:

答案 0 :(得分:0)

找到它。

我正在使用bootstrap 3类,我导入了bootstrap 4.愚蠢的错误!

不好意思。