Чтобы добавить Bootstrap в проект Angular CLI, вы можете использовать несколько методов. Вот несколько способов сделать это:
Метод 1. Установка Bootstrap с помощью npm
-
Откройте терминал или командную строку.
-
Перейдите в каталог проекта Angular.
-
Выполните следующую команду, чтобы установить Bootstrap и его зависимости:
npm install bootstrap -
Откройте файл
angular.jsonв корневом каталоге вашего проекта. -
Найдите массив
"styles"и добавьте путь к файлу CSS Bootstrap:"styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ] -
Сохраните файл, и Bootstrap будет включен в ваш проект.
Метод 2. Использование ссылок CDN
-
Откройте файл
index.html, расположенный в папкеsrcвашего проекта Angular. -
Добавьте следующие ссылки CDN в раздел
:<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> -
Сохраните файл, и Bootstrap будет загружен из CDN.
Метод 3. Установка ng-bootstrap
-
Установите ng-bootstrap, выполнив следующую команду:
ng add @ng-bootstrap/ng-bootstrap -
Этот метод предоставляет компоненты и директивы, специфичные для Angular, для Bootstrap.
Это несколько способов добавить Bootstrap в проект Angular CLI. Вы можете выбрать тот, который лучше всего соответствует вашим требованиям.