引导程序和砌体
将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 分钟前