引導程序和砌體
將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 定位的強大功能。
換行的卡片標題
這是一張較長的卡片,下面有支持文本,作為附加內容的自然引導。這個內容有點長。
卡片標題
此卡片在下面有支持文本,作為附加內容的自然引導。
最後更新 3 分鐘前
卡片標題
這張卡片有一個常規的標題和下面的一小段文字。
最後更新 3 分鐘前
卡片標題
這是另一張卡片,下面有標題和支持文字。這張卡片有一些額外的內容,使其整體略高。
最後更新 3 分鐘前