Use class .border-spinners for a lightweight loading indicator.

You can customize the color with text color utilities. You can use any of our text color utilities on the standard spinner. Use .text-{color}

Use class .spinner-grow for a growing spinner.

You can customize the color with text color utilities. You can use any of our text color utilities on the standard spinner. Use .text-{color}

Use Flexbox utilities to place spinners.Use .d-flex and .align-items-{side}

You can also use Float to place your spinner .float-{side}

You can also use .text-{side} for your spinner's placement

Use .spinner-border-{sm/lg} and .spinner-grow-{sm/lg} for Small or Large spinner

Use .spinner-border or .spinner-grow inside buttons to indicate an action is currently processing or taking place

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