Welche Medienobjekte werden von Bootstrap implementiert?

Bootstrap-Medienobjekt ist eine Art Komponente mit speziellem Layout, die zum Entwerfen der Wirkung gemischter Grafiken und Texte verwendet wird. Bootstrap bietet zwei Arten von Medienobjekten, nämlich Medien und Medienlisten. Medien werden zum Anzeigen eines einzelnen Objekts und einer Medienliste verwendet . Wird zur Anzeige mehrerer Objekte verwendet.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 5, DELL G3-Computer

Welche Medienobjekte werden von Bootstrap implementiert?

Das Medienobjekt ist eine Art Komponente mit einem speziellen Layout. Sie werden zum Entwerfen gemischter Grafik- und Texteffekte verwendet und bestehen meist aus einem Bild und etwas nach links oder rechts schwebendem Text.

Bootstrap bietet zwei Arten von Medienobjekten: Medien (.media) und Medienliste (.media-list). Medien werden verwendet, um ein einzelnes Objekt anzuzeigen, und Medienlisten werden verwendet, um mehrere Objekte anzuzeigen.

Medien

Medien bestehen standardmäßig aus einem Medienobjekt (z. B. Bild, Video, Audio usw.) und nach links oder rechts schwebenden Medieninhalten. Innerhalb eines Mediums können andere Medien verschachtelt sein.

In der HTML-Struktur besteht ein Medium aus drei Teilen: .media erstellt den Mediencontainer, .media-object erstellt das Medienobjekt und .media-body erstellt den Medieninhalt (wobei .media-heading den Titel des erstellt). Medien). Beispiel:

rrree

Medienobjekte erscheinen im Allgemeinen in Gruppen:

1. Container von Medienobjekten: Der Klassenname muss .media sein Wird auf dem Container verwendet

2. Das Objekt des Medienobjekts: normalerweise ein Bild, Sie müssen die Klasse .media-object verwenden

3 Der Körper des Medienobjekts: Es ist der Hauptinhalt des Medienobjekts. Es kann sich um ein beliebiges Element handeln. Sie müssen die Klasse .media-body

4 verwenden. Der Titel des Medienobjekts: ein Titel, der zur Beschreibung des Medienobjekts verwendet wird. Darüber hinaus muss die Klasse .media-heading verwendet werden , die Klassen .pull-left und .pull-right werden häufig im Bootstrap-Framework verwendet, um den Floating-Modus von Objekten in Medienobjekten zu steuern

Verwandte Empfehlungen:

Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Medienobjekte werden von Bootstrap implementiert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!