Невозможно использовать библиотеку Bootstrap в Angular

Код заголовка

<nav class = "navbar navbar-inverse">
  <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>

angular.json код

"styles": [
              "src/styles.css",
              "../prab/node_modules/bootstrap/dist/css/bootstrap.min.css"
            ],

Я не вижу загрузочного css в окне вывода

Невозможно использовать библиотеку Bootstrap в Angular

Возможный дубликат Как использовать библиотеку Bootstrap css в проекте Angular 2?

— 24.07.2018 17:16

Я поместил изображение как включенное в вопрос, а не просто ссылку.

— 24.07.2018 17:22

angular bootstrap-4

24.07.2018 16:55

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

470

Ответы 2

Измените код на:

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css"
]

На него уже ответили, см. Это

Как использовать библиотеку Bootstrap css в проекте Angular 2?

24.07.2018 17:14

В качестве альтернативы, если вы не хотите обновлять файл angular.json, вы можете вместо этого обновить файл styles.css следующим образом:

/* You can add global styles to this file, and also import other style files */
@import "~bootstrap/dist/css/bootstrap.min.css";
@import "~font-awesome/css/font-awesome.min.css";

div.card-header {
 font-size: large;
}

div.card {
  margin-top: 10px
}

.table {
  margin-top: 10px
}

24.07.2018 23:52

Другие вопросы по теме

Отключить модальный режим на мобильном ускорителе 4

Bootstrap JS перестает работать после изменения маршрута в Angular 5

Модальное окно Bootstrap не открывается при загрузке страницы

BS4: изменение модального окна при закрытии анимации

Регулировка изображения на экране при уменьшении масштаба

Bootstrap 4 горизонтальное переполнение навигационной панели

Проблемы с фоновым изображением / обложкой CSS

Bootstrap 4.0.0 не прошел проверку W3C?

Настройка меню в плитках (Wordpress, html, php, bootstrap 4, flex)

Bootstrap 4: выравнивание содержимого внутри ячейки сетки по правому краю

Невозможно использовать библиотеку Bootstrap в Angular

Ответы 2

Другие вопросы по теме

Похожие вопросы