Installation

Download CSS file and drop into in your project. You will have SCSS, CSS and minified CSS version.
Inside you will find Bootstrap 4 responsive grid system, normalize CSS and custom classes to help you code faster all in one file so you don't have to worry and link multiple CSS files in your project.

Usage

Responsive grid system

The grid system is based on Bootstrap 4 classes for the full responsive app. There is also margin and padding classes. For full documentation click here.

Normalize CSS

" Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing."

Custom classes

Some of the custom classes are text-left, text-right and text-center to align your elements. Sometimes you just need to position elements in the middle of the container and thats where middle-col and middle-row classes enter. Don't forget to set the height of the container.

<div class= "text-left" > text left </div>

<div class= "text-center" > text center </div>

<div class= "text-right" > text right </div>
text left
text center
text right

Text in the middle of container

<div class= "middle-col" > text in middle of the container </div>

<div class= "middle-row" > text in middle of the container </div>

this text is in middle of the container

this text is in middle of the container

this text is in middle of the container

this text is in middle of the container