使用Bower

Question

我正在开发一个Angular应用程序，并使用Bower安装了Bootstrap。在我的index.html文件中，我有bootstrap js和css文件，两者都缩小了。

当我在浏览器中查看我的应用时，导航栏未按预期显示。这是我在页面上的导航栏的代码。

<nav class="navbar navbar-inverse bg-inverse navbar-expand-md fixed-top">
<a class="navbar-brand" href="home">Akeva</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
    <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
            <a class="nav-link" href="home">Home</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="companies">Companies</a>
        </li>
    </ul>
</div>

CSS添加了背景颜色，菜单项水平对齐，但导航的其余部分看起来不应该如何。

以下是导航的显示方式： how the menu is display

有关为什么Bootstrap导航未按预期显示的任何想法？