Getting Started
Fluids
Utilities for sets min and max values with other utilities for screen size without breakpoints.
Font Size
fluid-text-lg
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Small Screen
fluid-text-sm
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Large Screen
Find out more about the usage of Fluid Font Size.
<!-- Example -->
<div class="fluid text-min-lg text-max-sm">
...
</div>Margin
Find out more about the usage of Fluid Margin.
fluid-margin-lg
Margin
Content
Small Screen
fluid-margin-sm
Margin
Content
Large Screen
<!-- Example -->
<div class="fluid margin-min-lg margin-max-sm">
...
</div>Padding
fluid-padding-lg
Padding
Content
Small Screen
fluid-padding-sm
Padding
Content
Large Screen
Find out more about the usage of Fluid Padding.
<!-- Example -->
<div class="fluid padding-min-lg padding-max-sm">
...
</div>
HTML