Grids
Grid are the heart of responsive system of Bootstrap, so they are important for Flatstep too. We provide a simple mechanism to build grids with the ability to add class and style to each cell.
We also handle columns in fixed or dynamic way and some automatism if the content of the cell is an image.
Off course into a cell we can embed any kind of widgets.
Basic grid
Simple grid with fixed sized columns and dynamic sized columns. With some images and some style for all cells and for single cell.
Images and cards
Grid with background color, shadow, animation , image and embedded cards widgets.
The cards widget is contained in a particle.
Parallax and gallery
Grid with parallax background, image and nested grid with gallery enabled.
The parallax is released with a background image on the container-flex standard Bootstrap classes are used for padding.
Jumbotron emulator
Jumbotron was an old Bootstrap3 component removed from newer versions.
It's easy to emulate it with grid and some style. In this case we added an background image with parallax effect, some style, shadow and rounded corners. The grid has only one cell.
Image row
Sometimes is nice to have a grid with an image and some text, we call it Image row. Cells of grids have some automatisms to handle images, they are fitted in the cell and can show them as a gallery.
In this case we have an image on the left and an embedded tabbed plus some style.
Image row with icons
It's easy to insert icons into cells of a grid. The result is nice.
In this case we have a row with leading and trailing icons.
Enim ad aliquip sint
Magna eiusmod do ad consequat eiusmod commodo.