引導程序和砌體

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