Aber warum aufhören??

Wie bei jedem anderen Element in BS3 haben auch Listengruppen eigene Kontextklassen, um ihnen im Standardfarbsatz eine Bedeutung zu geben:

Wie können Sie sehen, was nützt ein Burger ohne Käse und Brötchen? Tomaten kann ich nehmen oder gehen, aber bitte die Gurke halten!

Medienobjekte und benutzerdefinierte Miniaturbildänderungen

Die grundlegenden Änderungen der Miniaturansichten für das Styling haben wir bereits im Tutorial zu CSS behandelt. Was uns jedoch nicht angetan hat, sind die Änderungen in den umgebenden Komponenten.

Die Zusammenführung, die jetzt in BS3 vorhanden ist, ermöglicht es uns, die Thumbnail-Klassen mit den Grid-Klassen zu kombinieren, um benutzerfreundliche Bildlisten zu erstellen. Die grundlegendste Art, wie wir sie verwenden können, ist die Verwendung der Reihe Klassen- und Rasterbereiche sowie die grundlegenden Thumbnail-Klassen ermöglichen das Erstellen perfekt aufgereihter Thumbnails, wie im Folgenden gezeigt wird:

Für diejenigen, die sich fragen, verwende ich holder.js um die Bildplatzhalter herzustellen. Ich lasse Sie den Standort von Google (es wird als erstes verfügbar sein). Es ist ein hervorragendes Werkzeug zum Reservieren von Bildspeicherplatz, insbesondere wenn Modelle für Kunden erstellt werden.

Dieses Beispiel ist nichts wirklich Besonderes. Wenn Sie den Rest dieser Serie gelesen haben, haben Sie wahrscheinlich bereits herausgefunden, wie einfach dies ist. Wenn wir jedoch ein wenig mehr Markup hinzufügen und mit derselben Idee arbeiten, können wir leicht etwas wie das Folgende produzieren:

 
 
  
 
Ecstasy muss erforscht werden
 
Der Planet strahlt Impulse aus. Dieses Leben ist nichts weniger als eine blühende Oase des transformativen Potenzials außerhalb des Seins.
 
 Wie Abneigung 
 
 
 
 
 
  
 
Wir existieren als Frequenzen
 
Dieses Leben ist nichts weniger als ein blühender Aufstand des Frequenzstrebens. Potenzial ist der Reichtum des bewussten Lebens und von uns.
 
 Wie Abneigung 
 
 
 
 
 
  
 
Den Mythos zu durchqueren heißt eins werden
 
Es kann schwierig sein zu wissen, wo man anfangen soll. Die Gesamtheit ruft über subatomare Teilchen zu Ihnen auf. Kannst du es hören?
 
 Wie Abneigung 
 
 
 
 
 
  
 
Wir denken nach, wir heilen, wir werden wiedergeboren
 
Durch Reiki werden unsere Essenzen gezielt gefördert. Sie werden bald von einer Kraft in Ihrem Inneren geleitet.
 
 Wie Abneigung 
 
 
 
 

Das Erstellen von vertikalen Listen ist genauso einfach, jedoch nicht mit Miniaturansicht Klassen müssen wir jetzt die verwenden Medien Objektklassen. Diese Klassen und das zugehörige Markup erstellen ein Layout, das dem vorherigen Beispiel ähnlich ist. Der Text wird jedoch nicht unter der Miniaturansicht angezeigt, sondern rechts nebeneinander.

Das Hauptmotiv des Designs besteht hier in Kommentar- und Nachrichtenlisten mit einem Avatar-Bild, die jedoch für Nachrichten, Produktlisten und viele andere Dinge verwendet werden können.

Um ein Medienobjekt zu markieren, verwenden Sie einfach ein äußeres div mit einer Klasse von Medien. Dann verwenden Sie im Inneren das Medienobjekt, Medienkörper, und Medienüberschrift Klassen zum Markieren der einzelnen Bits, wie das folgende Beispiel zeigt:

    
 
Der Reise zu folgen bedeutet, eins zu werden
 
Das Ziel der Ultraschallenergie ist es, die Samen des Bewusstseins eher als Stagnation zu pflanzen. Du und ich sind Wesenheiten der Quantenmatrix. Zweck ist eine Konstante.
 
 

Wie Sie sich wahrscheinlich schon vorstellen können, würde es nicht viel dauern, diese in eine Listengruppe oder eine andere Struktur aufzunehmen, die mit dem BS3-Gittersystem aufgebaut wurde. BS3 macht es tatsächlich viel einfacher als das, indem es eine dedizierte Medienobjektlistenklasse und unterstützte Markierungen bereitstellt.

Durch ein wenig Änderung der Markierung können Sie wie folgt vollständige Listen von Medienobjekten erstellen:

 
    
 
Die Menschheit hat nichts zu verlieren
 
Bewusstsein ist das Wachstum von Synchronizität und von uns. Dieses Leben ist nichts weniger als eine sich entfaltende Explosion der unendlichen Wahrheit. Wir existieren als Sonar-Energie.
 
 
 
    
 
Es ist ein Zeichen für die kommenden Dinge
 
Die Menschheit hat nichts zu verlieren. Wir befinden uns am Scheideweg von Wiedergeburt und Diskontinuität. Wir befinden uns mitten in einer Bewusstseinserweiterung der Führung, die den Weg zur Quantensuppe selbst frei machen wird.
 
 
 
    
 
Nur ein Reisender der Galaxie kann dieses Lebensdach erzeugen
 
Wir müssen lernen, ein einheitliches Leben angesichts der Täuschung zu führen. Äonen von jetzt an werden wir Krieger wie nie zuvor reflektieren, während wir von der Quantensuppe wiedergeboren werden. Wir müssen uns selbst winken und andere erfüllen.
 
 
 

Wenn Sie das nisten