Некоторые функции начальной загрузки не работают полностью в проекте angular 6

Question

Я использовал этот учебник, чтобы добавить начальную загрузку в мой недавно созданный проект angular 6.

Нет ошибки при компиляции (ни в ng console, ни в инструменте разработчика браузера).

Кажется, это работает, потому что кнопки хорошо окрашены. Но сравните с оригинальным кодом, мой другой.

Я скопировал этот код в свое приложение.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<div class="container">
  <h2>Button Styles</h2>
  <button type="button" class="btn">Basic</button>
  <button type="button" class="btn btn-default">Default</button>
  <button type="button" class="btn btn-primary">Primary</button>
  <button type="button" class="btn btn-success">Success</button>
  <button type="button" class="btn btn-info">Info</button>
  <button type="button" class="btn btn-warning">Warning</button>
  <button type="button" class="btn btn-danger">Danger</button>
  <button type="button" class="btn btn-link">Link</button>      
</div>

Но в моем приложении я получаю следующее:

Я действительно не знаю, чего здесь не хватает. Есть идеи?

Answer 1

В результате во фрагменте отображаются кнопки с пробелами, а у вас - нет.

Я рекомендую вставить пробел в виде HTML-кода.как это:

<button type="button" class="btn">Basic</button>&nbsp;
<button type="button" class="btn btn-default">Default</button>&nbsp;
....

Answer 2

Попробуйте установить Bootstrap с npm, а не импортировать его в html.

npm install bootstrap