используйте bootstrap иконок с npm - PullRequest
Новая
       69

используйте bootstrap иконок с npm

1 голос
/ 02 августа 2020

Когда я использую любой JS -модуль с NPM, я включаю его в свой. js файл с require(""). Как я могу сделать то же самое с bootstrap значками и включить их в. html? Их официальные документы и npm были мне недостаточно понятны.

Я не использую bootstrap в своем проекте, только несколько значков, это Достаточно ли иметь только этот пакет? 

npm install bootstrap-icons

Действительно ли bootstrap иконки бесплатны? Стоит ли упоминать их в проекте?

1 Ответ

0 голосов
/ 30 августа 2020

Вам нужно скопировать bootstrap -icons.svg из node_modules, вы можете скопировать его вручную или с помощью webpack. Если вы копируете в папку root, вы можете использовать это так: 

<svg class="bi" width="32" height="32" fill="currentColor">
     <use xlink:href="bootstrap-icons.svg#bootstrap"/>
</svg>

Если вы копируете в папку значков: 

<svg class="bi" width="32" height="32" fill="currentColor">
     <use xlink:href="icons/bootstrap-icons.svg#bootstrap"/>
</svg>

или копируете значки / *. Svg для использования только значок, который вам нужен, и вы можете использовать его так: 

<img src="bootstrap.svg" alt="" width="32" height="32" title="Bootstrap">
...