1.2.0 • Published 3 years ago
appeweb-grid v1.2.0
Appeweb-Grid
Description
Simple scss/css responsive grid
Installation
install with yarn add appeweb-grid
or npm -i appeweb-grid
Basics usage
Import appeweb-grid
Option A:
Link the CSS file directly if you agree for use defaults parameters, like so:
<link href=".../appeweb-grid/dist/css/index.css">
Option B (Recommended) :
Import grid.scss in your sass file
@import "appeweb-grid/src/sass/grid.scss"
Use appeweb-grid
There are two types of container Container with marge and max width in terms of screen size.
<div class="container">
<!-- your content -->
</div>
Container with no marge and take 100% of parent.
<div class="container-fluid">
<!-- your content -->
</div>
Using grid columns
<div class="container or container-fluid">
<div class="row">
<div class="col-1 ... 12">
<!-- your content -->
</div>
</div>
</div>