Bootstrap в угловом проекте не будет работать должным образом

Question

Я пытаюсь использовать загрузочную навигационную панель в моем угловом проекте.Вот как я его установил:

bootstrap + jquery install в cli:

npm install bootstrap jquery --save

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>

Если вам нужно что-то еще, задайте это в комментариях.

Вот что я получаю:

И вот что я ожидал:

Answer 1

Нашел его.

Я использовал классы начальной загрузки 3 и импортировал загрузчик 4. Глупая ошибка!

Извините за беспокойство.