Zum Inhalt springen

Bootstrap Icons

Mercury stellt den vollständigen Icon-Satz von Bootstrap zur Verfügung.
Datum:
KW 10 / 2023

Bootstrap bietet seit der Version 5 einen umfangreichen Satz von über 1500 Icons, welcher aktiv weiter entwickelt wird. Die Bootstrap-Icons können überall im Mercury-Template verwendet werden. 

Verwendung der Bootstrap Icons

Sie können die Bootstrap-Icons überall verwenden, wo Icons eingesetzt werden können. So z.B. in der Link-Sequenz oder mit dem Icon-Box Formatter

Um ein Icon zu verwenden benutzen Sie den Namen des Icons aus der unten stehenden Liste.

Stellen Sie dem Namen außerdem das Präfix bi- vor. Also z.B. bi-0-circle-fill anstatt nur 0-circle-fill. Die Angabe von bi- vor dem Namen ist unbedingt notwendig, um das gewünschte Icon als "Boostrap Icon" zu identifizieren.

Sie können in der Liste einfach das von Ihnen ausgewählte Icon anklicken. Der Name des gewählten Icons wird dann in den "Suchschlitz" übertragen, mit dem benötigten bi- Präfix. Mit Copy & Paste können Sie den Namen dann an die von Ihnen gewünschte Stelle übernehmen.

Bootstrap Icon-Liste