Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Bilder | Fortgeschrittene Konzepte
Bootstrap-Grundlagen für Moderne Websites
course content

Kursinhalt

Bootstrap-Grundlagen für Moderne Websites

Bootstrap-Grundlagen für Moderne Websites

1. Verständnis von Bootstrap
2. Einrichtung der Umgebung
3. Grundkonzepte
4. Fortgeschrittene Konzepte
5. Erstellen Einer Portfolio-Website Mit Bootstrap

book
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.
html

index.html

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 2
We're sorry to hear that something went wrong. What happened?
some-alt