sketch里面也有类似的栅格工具但是并不强大,下面要为大家分享下载的Bootstrap Grid插件就是一款能够帮助用户在sketch中快速创建自定义Bootstrap网格的实用小插件,一些程序在开发时,响应式布局就是用的Bootstrap的栅格规范,因此大家可以下载这款Bootstrap Grid插件进行创建了,这样就能够节省你大量的时间,从而提升你的工作效率,让你成为最为快速的用户,快些下载安装吧。
安装教程
在维维下载Bootstrap Grid插件并先解压好
然后双击Bootstrap Grid.sketchplugin进行安装
使用说明
首先选中一个或者是多个需要使用Bootstrap网格的图层
然后执行 Plugins > Bootstrap Grid > Set default Bootstrap grid 或快捷键 control ⌃ + shift ⇧ + D 对该图层设置默认Bootstrap网格
然后执行 Plugins > Bootstrap Grid > Set grid with last configuration 或快捷键 control ⌃ + shift ⇧ + G 对该图层使用最后的配置设置Bootstrap网格
最后执行 Plugins > Bootstrap Grid > Options window 或快捷键 control ⌃ + shift ⇧ + W 在弹出的对话框中可以修改Bootstrap网格默认配置
网格列数(最多 12 列)
槽宽(像素)
左偏移(像素)
右偏移(像素)
叠加颜色(16 进制颜色码 hex)
叠加不透明度(1 至 100)
比如
自定义和默认网格设置
多选状态下生成网格