Aus dem Kurs: Bootstrap 5 Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Bootstrap-Icons: SVG

Bootstrap-Icons: SVG – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Bootstrap-Icons: SVG

“

Wenn Sie auf der Suche nach Icons sind, sollten Sie sich einmal die Bootstrap-Icons ansehen. Sehen wir uns an, was es da alles gibt. Sie sehen, es gibt jede Menge Icons für die verschiedensten Zwecke und diese können Sie alle direkt nutzen. Schauen wir uns an, wie das funktioniert. Zuerst einmal müssen Sie natürlich die Dateien herunterladen, dafür gibt es den Download-Button. Im Ordner finden Sie dann, wenn Sie den Ordner entpackt haben, viele weitere Dateien und Unterordner. Ich zeige Ihnen an dieser Stelle, wie man die SVG-Icons benutzt. Dafür brauchen Sie die Datei bootstrap-icons.svg und den Ordner icons. Ich habe mir einen eigenen Unterordner angelegt in meinem Projekt mit dem Namen bs-icons – der Name ist natürlich frei gewählt, der könnte auch anders heißen – und dort drin befindet sich nun der icons-Ordner, den ich rüberkopiert habe, und die Datei bootstrap-icons.svg. Nun haben Sie verschiedene Möglichkeiten, diese Icons zu integrieren. Sie können direkt die SVG-Datei…

Inhalt