Layout

Euroflorist DS Framework includes a responsive, mobile-first fluid grid system based on 12 columns. Predefined classes are easy to implement layout options.

Implementing

There are few rules to properly implement for creating page layouts through a series of rows and columns.

• Columns must be placed within a .row element for right alignment.
• Rows can be used to create horizontal groups of columns.
• Grid columns are created by specifying the number of twelve available columns you wish to span. For example: .col-xs-6 (50% of the width).
• If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line.

Classes

Euroflorist DS Grid System contains a group of flexible classes to prepare layout fitted to mobile devices as same as to desktop.

Wrap your grid by element with one of those class:

Build the responsive layout base on below classes:

Hide or show elements using classes below:

Example