Bootstrap 3 Grundkurs

Vorgefertigte Icons

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Glyphicons sind kleine Icons, die in Bootstrap als Schriftzeichen hinterlegt sind und so leicht in einem <span> - Element aufgerufen werden können.
03:10

Transkript

Sie können in Bootstrap 3 auf eine große Auswahl an icons zugreifen und die sind in fonts Ordner hinterlegt, weil sie als Schriftzeichen hinterlegt sind. Mit welchen icons Sie dabei arbeiten können, lässt sich ziemlich leicht auf der Booststrap Seite selbst unter Components herausfinden. Die kleinen Wunderwerke heißen Glyphicons und sind eben einfache Symbole, die vielseitig einsetzbar sind. Und um das Glyphicon aufzurufen genügt es eigentlich schon, sich diesen Bereich als Klassenbezeichnung in ein span Element z. B. hinein zu kopieren. Sie finden weiter unten auf der Seite z. B. mal schon so einen Vorschlag, wie man auf einem Button noch so ein zusätzliches Zeichen unterbringen könnte. Und ich mache mir die Arbeit wieder leicht und kopiere mir diesen span hier einfach mal herüber mit Steuerung C, und werde ihn jetzt auf unserer Seite einfügen. Einen Button hätten wir da schon behandelt, d. h. ich füge nach dem Button diese Bezeichnung ein. Das ist jetzt eben die span Klasse wo ein kleiner Stern auftauchen sollte und speicher das ab und wir schauen's uns gleich an. Und tatsächlich hier ist schon der Stern. Sieht jetzt noch nicht optimal aus, d. h. das können wir wahrscheinlich noch ein klein wenig schöner gestalten. Gehen wir zurück und sorgen mal hier für ein Leerzeichen. Und probieren's nochmal. Yup, jetzt sieht es gleich viel besser aus. Und wenn uns jetzt z. B. der Stern nicht wirklich zusagen täte, könnten wir uns spielend leicht hier auch eins der anderen Glyphicons suchen. Z. B. jetzt nur zum Spaß dieses hier. Ich kopiere mir wieder den Text. Gehe zurück auf meine Seite, und wähle jetzt hier den dritten Button, d. h. ich erzeuge wieder ein span Element und werde dem span Element den Bewehrt seiner Klasse mitgeben, die ich jetzt reinkopiere. Vielleicht ohne den Punkt vorne. So, die Punkte hier kommen weg. Ich speicher das ganze mit Steuerung S, und schon sollte ich diesen kleinen Fingerzeig in meinem Button drin haben. Und so wie ich jetzt diese kleinen icons eben einfach nur als span Element in den Button hineingetan habe, kann ich sie an jeder beliebigen Stelle genau mit diesem kleinen Trick einfügen, weil sie eben als Schriftzeichen hinterlegt sind und so, dank dieser Liste auf der Bootstrap Seite jeder Zeit abgerufen werden können.

Bootstrap 3 Grundkurs

Lernen Sie, wie Sie über Bootstrap 3 mit dem Gridsystem - einem ausgeklügelten Spaltensystem – beliebige Gestaltungsmöglichkeiten schnell und flexibel umsetzen können.

2 Std. 14 min (25 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!