1,columnWidth列宽
设置组件列宽
2,fluid columnWidth响应式列宽
组件的尺寸可设置成百分比从而适应响应式的布局
3,imagesLoaded图片加载
初始化Masonry,在每一张图片加载完成后触发布局
4,imagesLoaded图片加载
在所有图片都加载完成后初始化Masonry
5,itemSelector
用于指定参与布局的子组件
6,Gutter间距
在js配置项gutter可以设置组件的横向间距
7,Gutter间距
使用CSS margin可设置组件的纵向间距
8,Gutter间距
在响应式布局中使用组件尺寸将宽度设置为百分比时,可以将gutter的值设置为选择器字符串或者一个元素
9,horizontalOrder:true
使组件水平方向按照从左到右排列
10,horizontalOrder:false默认
组件水平方向是无序的
11,Stamp
指定组件为stamp。Masonry在布局时会避开这些组件
12,fitWidth
根据父级容器的尺寸,设置容器的宽,以适应可用的列数。启用之后可以通过css将容器grid居中
13,originLeft
控制水平布局,默认状态下originLeft: true控件从左到右布局,设置originLeft: false后,控件从右向左布局。
14,originTop
设置originTop: false后,自下而上布局
15,Bootstrap4 用col-4作为columnWidth
16,Bootstrap4 grid media queries网格媒体查询
17,css自动添加序号
18,jQuery自动添加序号
Masonry - Bootstrap 4