Bootstrap 5 Learning Kit

XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px
Page Navigation:
AdditiveSubtractiveColorWidthRadiusRadius size

Borders

Additive

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div>

Subtractive

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div>

Color

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div>

Width

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div> <div></div> <div></div> <div></div> <div></div>

Radius

<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/200x100.png" alt="">
<img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/200x100.png" alt="">

Radius size

<img src="../img/100x100.png" alt="" style="border-radius: 10px;">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="">
<img src="../img/100x100.png" alt="" style="border-radius: 10px;"> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt=""> <img src="../img/100x100.png" alt="">