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)
比如
自定義和默認網格設置
多選狀態下生成網格