引导程序和砌体

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 分钟前