Моя ссылка Bootstrap CSS не работает для меня?

Question

У меня проблема со ссылкой Bootstrap, которая обычно идет в файл HTML:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

Это делает мой navbar похожим на:

(мне нужно как минимум 10 репутаций для публикации изображений, поэтому я должен разместить прямую ссылку) https://i.imgur.com/dANnzzG.png

и после удаления ссылки:

(мне нужно как минимум 10 репутаций для публикации изображений, поэтому я должен разместить прямую ссылку) https://i.imgur.com/EpnZCeK.png

Но, как вы можете видеть на 2 картинке, если у меня нет ссылки, то содержимое вниз по панели навигации больше не находится в правильном положении. Пожалуйста, помогите.

EDIT:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="row">
  <div class="col-6">
      <app-list-employees></app-list-employees>
</div>
  <div class="col-6">
     <div><app-book-employee></app-book-employee></div>
     <p></p>
    <div><app-calendar-books></app-calendar-books></div>
  </div>
</div>

Это код для компонента.

Answer 1

Если вы используете angular 6+ в своем приложении, лучше всего установить загрузчик через npm следующим образом:

npm install --save bootstrap

После установки начальной загрузки добавьте эту строку в файл src / style.css:

@import 'bootstrap/dist/css/bootstrap.min.css';

Это даст вам все стили начальной загрузки, поэтому добавление его в файл index.html или angular.json не требуется

Answer 2

В корне вашего проекта находится файл angular.json. Если вы хотите использовать CDN для начальной загрузки (как вы используете сейчас), найдите объект стилей в этом файле (вероятно, между строками 25 и 35), там вы можете добавить свою ссылку. это должно выглядеть так:

 "projects": {
      "architect": {
        "build": {
          "styles": [
            "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
          ]
        }
      }
    }