GEL Bootstrap 4

Basic

A basic sheet of material provides a subtle border.

.material

Two adjacent sheets of material should have a seam.

Two adjacent sheets...

...should have a seam.

A whiteframe is also known as a card.

Add the .whiteframe class to set the background color.

Add the desired .material variant to set the depth.

.whiteframe.material-0

Sheets of material can be at different depths.

.material-0

.material-1

.material-1-hover

.material-2

.material-3

.material-4

.material-5