Angular / Boostrap – Navbar无法正常显示

最近我在我的项目中添加了Bootstrap 4,jQuery和Popper,但问题是当我渲染我的网页时,它显示了这样的导航栏(它位于一个名为header的组件中): 在此处输入图像描述

我还加入了我的angular-cli.json:

"styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css", "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" ], 

HTML代码

  

您缺少导航栏中的某些课程。 看看下面的代码以及那里使用的类和组件。 如果您仍有疑问,请随时提出。 但该代码示例应该可以帮助您解决这个问题。

此外, d-lg-none类说:“将此隐藏在断点大大及以上。这是你想要的吗?这不是切换器的设计工作方式。引导程序设计为移动优先 !意味着转换器是然后使用navbar-expand-lg类,它基本上说:“隐藏切换器并从’lg’(=大)断点开始将导航栏扩展为水平。”

这是我的代码示例: