sketch柵格工具Bootstrap Grid

Bootstrap Grid插件是一款可以幫你在sketch中快速創(chuàng)建自定義 Bootstrap 網(wǎng)格的插件，很多程序在開(kāi)發(fā)的時(shí)候，響應(yīng)式布局就是用的 Bootstrap 的柵格規(guī)范。這款Bootstrap Grid插件可以大大節(jié)省你的時(shí)間，提升工作效率。

插件使用：

選中一個(gè)或多個(gè)需要使用 Bootstrap 網(wǎng)格的圖層

執(zhí)行 Plugins > Bootstrap Grid > Set default Bootstrap grid 或使用快捷鍵 control ⌃ + shift ⇧ + D 對(duì)該圖層設(shè)置默認(rèn) Bootstrap 網(wǎng)格

執(zhí)行 Plugins > Bootstrap Grid > Set grid with last configuration 或使用快捷鍵 control ⌃ + shift ⇧ + G 對(duì)該圖層使用最后的配置設(shè)置 Bootstrap 網(wǎng)格

執(zhí)行 Plugins > Bootstrap Grid > Options window 或使用快捷鍵 control ⌃ + shift ⇧ + W 在彈出的對(duì)話框中可修改 Bootstrap 網(wǎng)格默認(rèn)配置

網(wǎng)格列數(shù)（最多 12 列）

槽寬（像素）

左偏移（像素）

右偏移（像素）

疊加顏色（16 進(jìn)制顏色碼 hex）

疊加不透明度（1 至 100）

例子

自定義和默認(rèn)網(wǎng)格設(shè)置

多選狀態(tài)下生成網(wǎng)格

安裝方法：

下載并解壓 Bootstrap Grid.zip

雙擊 Bootstrap Grid.sketchplugin 完成安裝