Bootstrap 4 grid template for Gravit
What is gravit designer?
Gravit Designer is simple and fast tool to illustrate or design a vector based logo, also it is perfect to prototype websites in or make presentations.
I work with Bootstrap since day 1 of my web development career this because I wanted to learn functional stuff and not be busy with designing websites. Bootstrap was and is my way to go. I can dream it. And build quickly a decent looking website.
But in the most case's it is good to prototype your website in a sort of image. Tools for this are Photoshop, Muse, Sketch or Gravit Designer. But making that prototype with any idea where your gaps are and where the columns are of your grid makes it hard and sometimes will change the outcome from image to web tremendously. This is why I made a grid template for it
This grid template will contain 2 Pages one for the Fluid Container ( .container-fluid ) and the other one for the normal Container ( .container ). You can select the preferred template in the pages section. The other one can be deleted.
The red section is 1 column, and whitespace between it is the gap between each column. If you design on 2 columns the gap between the 2 columns is not applied so it is space for you to design in
Tips and Tricks
If you use rules on the side of the columns, you are ganna use you can snap your elements to it when designing.