부트스트랩 및 벽돌

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 }'하여 .rowBootstrap의 반응형 그리드와 Masonry의 위치 지정 기능을 결합할 수 있습니다.

Placeholder Image cap
새 줄로 줄바꿈하는 카드 제목

이것은 추가 콘텐츠에 대한 자연스러운 도입으로 아래에 지원 텍스트가 있는 더 긴 카드입니다. 내용이 조금 더 깁니다.

blockquote 요소에 포함된 잘 알려진 인용문입니다.

Source Title 에서 유명한 사람
Placeholder Image cap
카드 제목

이 카드에는 추가 콘텐츠에 대한 자연스러운 도입으로 아래에 지원 텍스트가 있습니다.

3분 전에 마지막으로 업데이트됨

blockquote 요소에 포함된 잘 알려진 인용문입니다.

Source Title 에서 유명한 사람
카드 제목

이 카드 아래에는 일반 제목과 짧은 텍스트 단락이 있습니다.

3분 전에 마지막으로 업데이트됨

Placeholder Card image

blockquote 요소에 포함된 잘 알려진 인용문입니다.

Source Title 에서 유명한 사람
카드 제목

이것은 아래에 제목과 지원 텍스트가 있는 또 다른 카드입니다. 이 카드에는 전체적으로 약간 더 높게 만드는 몇 가지 추가 콘텐츠가 있습니다.

3분 전에 마지막으로 업데이트됨