Angular 引导4导航不显示在角度2+&；涂底漆

在Angular 2+项目中，我正在与启动库和引导库一起尝试， 主NG效果正在显示，但Bootstarp导航栏未显示其效果

我错过了什么

样式angular-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>

颠倒样式表的顺序。会的work@Aravind谢谢你的回复。如你所说，我已经更改了样式表的顺序。导航栏仍然没有效果。它应该可以工作。你把

p-toolbar

放在

nav

外面，对吗？@Aravind，是的，我把它放在外面了。显示的所有效果都很好，但导航只是以

• 格式显示项目。。没有效果。。即使顶部没有显示任何条形图，如果有人帮助我，也会很有帮助。