Bootstrap Grid

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

安装

  1. 下载并解压 Bootstrap Grid.zip
  2. 双击 Bootstrap Grid.sketchplugin 完成安装

使用

  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 网格默认配置
  • 网格列数(最多 12 列)
  • 槽宽(像素)
  • 左偏移(像素)
  • 右偏移(像素)
  • 叠加颜色(16 进制颜色码 hex
  • 叠加不透明度(1 至 100)

例子

自定义和默认网格设置

多选状态下生成网格

基本信息

  • 收录版本 1.0
  • 更新时间 2017-12-28