/

Spinners


Border spinner

Loading...
BS5SpinnerBorder(["role":"status"], 
      H5Span(["visually-hidden"], "Loading..."))

Growing spinner

Loading...
BS5SpinnerGrow(["role":"status"], 
      H5Span(["visually-hidden"], "Loading..."))

Colors Border

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Colors Grow

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Sizing Border

Loading...
Loading...
Loading...
BS5SpinnerBorder(["spinner-border-sm"], ["role":"status"], 
      H5Span(["visually-hidden"], "Loading...")),
    BS5SpinnerBorder(["role":"status"], 
      H5Span(["visually-hidden"], "Loading...")),
    BS5SpinnerBorder(["role":"status", "style":"width: 3rem; height: 3rem;"], 
      H5Span(["visually-hidden"], "Loading..."))

Sizing Grow

Loading...
Loading...
Loading...
BS5SpinnerGrow(["spinner-grow-sm"], ["role":"status"], 
      H5Span(["visually-hidden"], "Loading...")),
    BS5SpinnerGrow(["role":"status"], 
      H5Span(["visually-hidden"], "Loading...")),
    BS5SpinnerGrow(["role":"status", "style":"width: 3rem; height: 3rem;"], 
      H5Span(["visually-hidden"], "Loading..."))

Alignment

Margin

Loading...

Flex

Loading...
Loading...

Float

Loading...

Text align

Loading...