Sitemap

Setup Twitter Bootstrap grid in Sketch

2 min readApr 10, 2015

by Pete Houston

In this article, I will show you how easy to setup Twitter Bootstrap grid in Sketch.

First, let’s have a look at the grid options on Bootstrap

Bootstrap grid options

Alright, so draw a 1200x200 art board, then open Layout Settings (via View > Layout Settings). Apply the following settings as we are drawing for the large devices,

Layout Settings

This is how it looks on screen.

Bootstrap grid layout in Sketch

Just do the same with other screen sizes.

Have fun ☺

--

--

Responses (7)