Как программно использовать иконки bootstrap в проекте angular? - PullRequest
0 голосов
/ 23 февраля 2020

Вот официальная bootstrap документация об использовании их значков:

enter image description here

Я пытаюсь выяснить, как использовать пакет, если я должен использовать его вообще. Ни один из вариантов их использования не говорит что-либо о пакете, который мне сказали установить 6 секунд go.

Я просто не понимаю, почему в документации сказано, чтобы я установил пакет если все, что я должен был сделать, это скопировать нужные мне svg, а затем удалить пакет.

Есть ли какой-то способ импортировать его в компонент angular в духе фактического контроля версий?

РЕДАКТИРОВАТЬ: в ответ на то, почему я не использую следующее html, как рекомендуется в ответе <svg class="bi bi-chevron-right" width="32" height="32" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z" clip-rule="evenodd"/></svg>

, потому что это вообще не использует библиотеку иконок bootstrap , Вставлено в ваш ответ для демонстрации, а переполнение стека не использует bootstrap.

enter image description here

1 Ответ

0 голосов
/ 23 февраля 2020

На самом деле это похоже на использование bootstrap css классов. Эти классы можно использовать в тегах svg * , таких как

    <svg class="bi bi-chevron-right" width="32" height="32" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z" clip-rule="evenodd"/></svg>

Где bi в классе упоминает Bootstrap Значки и bi-chevron-right упоминает значок, который необходимо использовать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...