Navigation step
Default navigation with .nav-step
Medium navigation with .nav-step and .step-md
XL navigation with .nav-step and .step-xl
Navigation step rounded
Step rounded with .rounded-1 (1 to 4)
Medium step rounded with .rounded-2 (1 to 4)
XL step rounded with .rounded-4 (1 to 4)
Progression thickness
Default progress bar
Medium progress bar with .step-pb-md
XL progress bar .step-pb-xl
Navigation color
Step color with .step-dark
Medium step color with .step-success
XL step color with .step-danger
Wide or Arrow
Wide steps add .step-alt for example
Wide (or arrow) with gap, combine .step-alt and optional .gap-1
Arrow steps combine .step-alt and .step-arrow and optional .gap-1
Vertical steps
With wide or arrow, combine .step-alt and .step-v for vertical render