Angular 2+＆amp;中没有显示Bootstrap 4导航。 PrimeNG

Question

我正在尝试使用PrimeNG＆amp; Angular 2+项目中的Bootstrap图书馆， Prime NG效果正在显示，但Bootstarp Nav Bar未显示其效果。

我缺少什么？

style-cli.json：

"styles": [
        "../node_modules/primeng/resources/primeng.min.css",
        "../node_modules/primeng/resources/themes/cupertino/theme.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",        
        "styles.css"
      ],

以下是HTML部分：

<div class="content-section implementation">
    <div class="row">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">
                            <i class="navbar-brand fa fa-bars"></i>
                            <span>BrandName</span>
                        </a>

                    </div>
                    <div class="collapse navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#">Home</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
        <p-toolbar>
            <div class="ui-toolbar-group-right">             
                <p-contextMenu [target]="cToolbar" [model]="items"></p-contextMenu>
                <i #cToolbar class="fa fa-bars"></i>
            </div>
        </p-toolbar>       
    </div>
</div>