Я пишу простое веб-приложение, используя Angular & Bootstrap v4.3.1. Мне нравится класс "контурные кнопки" в Bootstrap v4. Но по прошествии нескольких часов класс "btn-outline- *" по-прежнему неэффективен ...
Я запустил npm, установил bootstrap @ latest , чтобы установить bootstrap v4.3.1. В файле angular.json я вставил в 'architect: build: options: styles:
"../ node_modules / bootstrap / dist / css / bootstrap.css"
Я попытался установить @ ng-bootstrap / ng-bootstrap , но не смог импортировать его в app-module.ts : * Ошибка: «NgbModule не является угловым модулем»*
На самом деле ничего не работает, и результат такой же, как если бы класс "btn-outline- *" не существовал.
HTML
<li class="list-group-item" xmlns:disabled="http://www.w3.org/1999/xhtml">
<h3 class="col-lg-8" style="margin-top: 0; padding-left: 0; vertical-align: center">{{title}}</h3>
<p class="col-lg-4" style="text-align: right; vertical-align: center">Posté le : {{createdAt | date : 'medium'}}</p>
<div style="display: inline-block">{{content}}</div>
<div style="margin-top: 10px">
<button class="btn btn-outline-success btn-rating"
(click)="onLike()">I love it !</button>
<button class="btn btn-outline-danger btn-rating"
(click)="onDislike()">I don't love it !</button>
</div>
</li>
btn класс применяется правильно, но btn-outline-success и btn-outline-danger все еще не работают ... У вас есть идеяисправить это?