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.


Placeholder Image cap
Τίτλος κάρτας που αναδιπλώνεται σε νέα γραμμή

Αυτή είναι μια μεγαλύτερη κάρτα με κείμενο υποστήριξης παρακάτω ως φυσικό οδηγό σε πρόσθετο περιεχόμενο. Αυτό το περιεχόμενο είναι λίγο μεγαλύτερο.

Ένα πολύ γνωστό απόσπασμα, που περιέχεται σε ένα στοιχείο blockquote.

Placeholder Image cap
Τίτλος κάρτας

Αυτή η κάρτα έχει κείμενο υποστήριξης παρακάτω ως φυσικό οδηγό σε πρόσθετο περιεχόμενο.

Τελευταία ενημέρωση πριν από 3 λεπτά

Ένα πολύ γνωστό απόσπασμα, που περιέχεται σε ένα στοιχείο blockquote.

Τίτλος κάρτας

Αυτή η κάρτα έχει έναν κανονικό τίτλο και μια σύντομη παράγραφο κειμένου κάτω από αυτήν.

Τελευταία ενημέρωση πριν από 3 λεπτά

Placeholder Card image

Ένα πολύ γνωστό απόσπασμα, που περιέχεται σε ένα στοιχείο blockquote.

Τίτλος κάρτας

Αυτή είναι μια άλλη κάρτα με τίτλο και υποστηρικτικό κείμενο παρακάτω. Αυτή η κάρτα έχει κάποιο πρόσθετο περιεχόμενο για να την κάνει ελαφρώς ψηλότερη συνολικά.

Τελευταία ενημέρωση πριν από 3 λεπτά