Helper Classes

Drocket provides different classes that make developing your website easier and faster.

Spacing

The spacing classes are used to add margins and paddings to the elements. Use the playground to get a feel for what the different helper classes can do.

margin class: ma-1padding class: pa-1
Padding
Margin

Display

The display classes are used to hide or show elements depending on the screen size and change the display type of the elements in the page using the different breakpoints. The mode of use is as d-{display-property}-{breackpoint} where display-property can be: flex, inline-flex, block, inline-block, etc. and, breackpoint can be: xs, sm, md, lg, xl.

d-flex
d-block
d-none d-md-flex