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 .row
Wrapper können wir die Stärken des responsiven Grids von Bootstrap und der Positionierung von Masonry kombinieren.
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.
Kartentitel
Diese Karte enthält unten unterstützenden Text als natürlichen Einstieg in zusätzliche Inhalte.
Zuletzt aktualisiert vor 3 Minuten
Kartentitel
Diese Karte hat einen normalen Titel und einen kurzen Textabsatz darunter.
Zuletzt aktualisiert vor 3 Minuten
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