Kursinhalt
Bootstrap-Grundlagen für Moderne Websites
Bootstrap-Grundlagen für Moderne Websites
Bilder
Responsives Bild
Responsives Bilder sind entscheidend. Die img-fluid
Klasse von Bootstrap macht es einfach. Wenden Sie sie auf jedes <img>
-Element an, und es passt sich der Größe des Ansichtsfensters an, um perfekte Skalierung und konsistente Layouts auf allen Geräten und Bildschirmgrößen zu gewährleisten.
Bild-Thumbnails
Thumbnail-Bilder verleihen dem Erscheinungsbild Ihrer Webseite einen eleganten und raffinierten Touch. Die img-thumbnail
Klasse von Bootstrap bietet abgerundete Ecken und subtile Ränder, um ein sauberes und einheitliches Aussehen zu gewährleisten.
Bildformen
Warum sich mit langweiligen rechteckigen Bildern zufriedengeben, wenn Sie einen Hauch von Persönlichkeit hinzufügen können? Bootstrap bietet Klassen zum Formen von Bildern, darunter:
rounded
: Weichen Sie die Kanten mit abgerundeten Ecken für einen sanften Touch auf;rounded-circle
: Umarmen Sie den Kreis des Lebens mit perfekt abgerundeten Bildern;rounded-pill
: Gehen Sie einen Schritt weiter mit pillenförmigen Bildern für einen schlanken und modernen Look.
index.html
Danke für Ihr Feedback!