JQuery的Billy插件是為那些希望在網頁上添加群組元素的人而設計的。雖然Billy沒有用于協作或通信交互,但它允許在同一頁面中多次重用元素。Billy還可以通過非常適合垂直和水平布局的內部網格系統來實現柵格化布局,可用于創建響應式設計。使用Billy,您可以輕松地創建各種類型的元素布局,從卡片到無線電漸層視差。
$('.my-container').billy({ columns:3, padding:15, margin:15, breakpoints: [ { breakpoint: 992, settings: { columns: 2 } }, { breakpoint: 768, settings: { columns: 1 } } ] });
通過上面的代碼,我們可以看到如何使用Billy插件。首先,我們選擇一個類名為my-container的元素作為容器,然后使用.billy方法初始化它。啟用billy時,我們指定您想要的列數,填充(列之間的間距),外緣(容器邊框)的大小。we創建了兩個斷點,這意味著在瀏覽器調整大小后,標記將更改為2或1列。Billy會自動重新布置元素并調整大小以供各種設備使用。
Billy插件非常適合需要高度動態性的UI,可以大大減少復雜的CSS,并使組成更加直觀并容易維護。
上一篇固定菜單欄css樣式在哪
下一篇固定背景 css