Bootstrap Grid

快速同时创建自定义 Bootstrap 网格

Bootstrap Grid - US - UI设计素材库

 

使用

  1. 选中一个或多个需要使用 Bootstrap 网格的图层
  2. 执行 Plugins > Bootstrap Grid > Set default Bootstrap grid 或使用快捷键 control  + shift  + D 对该图层设置默认 Bootstrap 网格
  3. 执行 Plugins > Bootstrap Grid > Set grid with last configuration 或使用快捷键 control  + shift  + G 对该图层使用最后的配置设置 Bootstrap 网格
  4. 执行 Plugins > Bootstrap Grid > Options window 或使用快捷键 control  + shift  + W 在弹出的对话框中可修改 Bootstrap 网格默认配置

Bootstrap Grid - US - UI设计素材库

  • 网格列数(最多 12 列)
  • 槽宽(像素)
  • 左偏移(像素)
  • 右偏移(像素)
  • 叠加颜色(16 进制颜色码 hex
  • 叠加不透明度(1 至 100)

例子

自定义和默认网格设置

Bootstrap Grid - US - UI设计素材库

多选状态下生成网格

Bootstrap Grid - US - UI设计素材库
339