Bootstrap και Τεκτονική
Ενσωματώστε το Masonry με το σύστημα πλέγματος Bootstrap και το στοιχείο καρτών.
Η τοιχοποιία δεν περιλαμβάνεται στο Bootstrap. Προσθέστε το συμπεριλαμβάνοντας την προσθήκη JavaScript με μη αυτόματο τρόπο ή χρησιμοποιώντας ένα CDN όπως αυτό:
<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>
Προσθέτοντας data-masonry='{"percentPosition": true }'στο .rowπεριτύλιγμα, μπορούμε να συνδυάσουμε τις δυνάμεις του πλέγματος απόκρισης του Bootstrap και της τοποθέτησης του Masonry.
Τίτλος κάρτας που αναδιπλώνεται σε νέα γραμμή
Αυτή είναι μια μεγαλύτερη κάρτα με κείμενο υποστήριξης παρακάτω ως φυσικό οδηγό σε πρόσθετο περιεχόμενο. Αυτό το περιεχόμενο είναι λίγο μεγαλύτερο.
Ένα πολύ γνωστό απόσπασμα, που περιέχεται σε ένα στοιχείο blockquote.
Τίτλος κάρτας
Αυτή η κάρτα έχει κείμενο υποστήριξης παρακάτω ως φυσικό οδηγό σε πρόσθετο περιεχόμενο.
Τελευταία ενημέρωση πριν από 3 λεπτά
Ένα πολύ γνωστό απόσπασμα, που περιέχεται σε ένα στοιχείο blockquote.
Τίτλος κάρτας
Αυτή η κάρτα έχει έναν κανονικό τίτλο και μια σύντομη παράγραφο κειμένου κάτω από αυτήν.
Τελευταία ενημέρωση πριν από 3 λεπτά
Ένα πολύ γνωστό απόσπασμα, που περιέχεται σε ένα στοιχείο blockquote.
Τίτλος κάρτας
Αυτή είναι μια άλλη κάρτα με τίτλο και υποστηρικτικό κείμενο παρακάτω. Αυτή η κάρτα έχει κάποιο πρόσθετο περιεχόμενο για να την κάνει ελαφρώς ψηλότερη συνολικά.
Τελευταία ενημέρωση πριν από 3 λεπτά