Bootstrap und Mauerwerk

Integrieren Sie Masonry mit dem Bootstrap-Rastersystem und der Kartenkomponente.

Mauerwerk ist in Bootstrap nicht enthalten. Fügen Sie es hinzu, indem Sie das JavaScript-Plugin manuell einfügen oder ein CDN wie folgt verwenden:


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
  

Durch Hinzufügen data-masonry='{"percentPosition": true }'zum .rowWrapper können wir die Stärken des responsiven Grids von Bootstrap und der Positionierung von Masonry kombinieren.


Placeholder Image cap
Kartentitel, der in eine neue Zeile umbricht

Dies ist eine längere Karte mit unterstützendem Text unten als natürlicher Einstieg in zusätzliche Inhalte. Dieser Inhalt ist etwas länger.

Ein bekanntes Zitat, das in einem Blockquote-Element enthalten ist.

Placeholder Image cap
Kartentitel

Diese Karte enthält unten unterstützenden Text als natürlichen Einstieg in zusätzliche Inhalte.

Zuletzt aktualisiert vor 3 Minuten

Ein bekanntes Zitat, das in einem Blockquote-Element enthalten ist.

Kartentitel

Diese Karte hat einen normalen Titel und einen kurzen Textabsatz darunter.

Zuletzt aktualisiert vor 3 Minuten

Placeholder Card image

Ein bekanntes Zitat, das in einem Blockquote-Element enthalten ist.

Kartentitel

Dies ist eine weitere Karte mit Titel und unterstützendem Text unten. Diese Karte hat einige zusätzliche Inhalte, um sie insgesamt etwas größer zu machen.

Zuletzt aktualisiert vor 3 Minuten