Simple grid template for Bootstrap 4

What is Gravit designer?
Gravit Designer is a simple and fast tool to illustrate or design a vector-based logo, also it is perfect to prototype websites or makes presentations.

Template Project
I work with Bootstrap since day 1 of my web development career 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 most cases, 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

The Template
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 the 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 gonna use you can snap your elements to it when designing.