BootLib Flex

Basic Horizontal Layout

blib-flex-row

Creates a horizontal layout with three elements.


See the example

Vertical Layout with Central Alignment

blib-flex-column blib-flex-center

The elements are aligned vertically and center-aligned.


See the example

Analog Component Size

blib-flex-grow

The components share the available space equally.


See the example

Responsive Flexbox Layout

blib-flex-row | blib-flex-wrap

The elements dynamically adapt to different screen sizes.


See the example

Flexbox with Full Alignment

blib-flex-absolute

The element aligns perfectly in the center of the container.


See the example

Gaps and Hover Management

blib-flex-row | blib-flex-gap-large | blib-flex-hover

The elements have spacing between them and magnification effects when hovering.


See the example

Scrolling with paragraph columns

blib-flex-scroll-x

The components support scrolling text to paragraphs columns.


See the example

Proportional Size and Alignment

blib-flex-row | blib-flex-space-around

The elements have predetermined width percentages.


See the example

Basic Horizontal Layout with Effects

blib-flex-row | blib-flex-space-around

Creates a horizontal layout with three elements and effects.


See the example