bricks.js

layout ui-component responsive

bricks.js는 고정 너비 요소를 위한 빠른 메이슨리 레이아웃 생성기입니다. 이 라이브러리는 다양한 크기의 요소들을 격자 형태로 정렬할 수 있게 해주며, 다이나믹하게 요소들을 추가하거나 변경할 때 레이아웃을 자동으로 조정합니다.

Latest Ver 1.8.0

Homepage

Github

4,678

블록을 쌓아, 창조의 무대를 만들어라.

bricks.js로 당신의 웹사이트를 쉽고 빠르게 구성하세요.

bricks.js는 웹 페이지에서 다양한 크기의 요소들을 깔끔하게 정렬할 수 있게 하는 자바스크립트 라이브러리입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/bricks.js/1.8.0/bricks.js

https://cdnjs.cloudflare.com/ajax/libs/bricks.js/1.8.0/bricks.min.js

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div id="container"></div><script src="path_to_bricks.js"></script><script>var instance = bricks({container: '#container',packed: 'data-packed',sizes: [{columns: 3,gutter: 10}]});instance.pack();</script>

🧩 External JS
<script src="path_to_bricks.js"></script>

⚙️ JavaScript
var instance = bricks({container: '#container',packed: 'data-packed',sizes: [{columns: 3,gutter: 10}]});instance.pack();