Aus dem Kurs: Bootstrap 5 Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

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

Buttons nutzen

Buttons nutzen – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Buttons nutzen

“

Wie funktioniert Bootstrap und wie funktioniert die Arbeit mit Bootstrap? Sehen wir uns das an einem Beispiel an, nämlich anhand von Buttons. Buttons braucht man bei so gut wie jedem Projekt und die können Sie sehr schön über Bootstrap gestalten. Wenn ich ein Button erstellen möchte, brauche ich erst mal ein button-Element und dann gebe ich noch type="button" an und eine Bezeichnung des Buttons, beispielsweise »Primary«, und wenn ich das dann mir ansehe, dann sehe ich so einen klassischen Button. Nun möchte ich den mit Bootstrap formatieren und dafür ergänze ich das class-Attribut und da schreibe ich zwei Klassen, zum einen die Klasse »btn« für Button und zum anderen die Klasse "btn-primary". Und wenn ich das nun ansehe, dann sehen wir den mit Bootstrap erstellten Button. Sie sehen, die Ecken sind abgerundet, es gibt einen leichten Hover-Effekt und wenn ich mit der Maus draufklicke, dann erhält der auch noch so eine Markierung. Das ist ein Primary-Button. Sie können auch einen…

Inhalt