Bootstrap 5 Essential Training

Ray Villalobos


Containers

<container>
<container-fluid>
<container-{BR}>

BR = sm, md, lg, xl, xxl

 

Colors

bg-{color}
text-{color}
link-{color}

color = primary, secondary, success, danger, warning, info, light, dark

 

Padding

p{DIR}-{AMT}

DIR = t, e, b, s, x, y

AMT = 0, 1, 2, 3, 4, 5

 

Margin

m{DIR}-{AMT}

 

Display

d-{VAL}

VAL = none, inline, inline-block, block, grid, table, table-cell, table-row, flex, inline-flex

 

d{-BR}-{VAL}

BR = none, sm, md, lg, xl, xxl

 

Position

position-{VAL}

VAL = static, relative, absolute, fixed, stick

 

Border

border{-SID}

SID = top, end, bottom, start