sketch柵格工具Bootstrap Grid

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

插件使用：

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

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

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

執(zhí)行 Plugins > Bootstrap Grid > Options window 或使用快捷鍵 control ⌃ + shift ⇧ + W 在彈出的對話框中可修改 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 完成安裝