### Bootstrap Spinner

#### Border Spinners

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

Loading...

#### Colored Spinners

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}`

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

#### Growing Spinner

Use class `.spinner-grow` for a growing spinner.

Loading...

#### Colored Growing Spinners

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}`

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

#### Flex

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

Loading...

#### Float

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

Loading...

#### Text Alignment

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

Loading...

#### Sizes

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

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

#### Buttons

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

#### Theme Customizer

Customize & Preview in Real Time

##### Menu Color Options

##### Layout Options

Collapsed Menu
Fixed Layout
Boxed Layout
Static Layout
Native Scroll
Right Side Icons
Bordered Navigation
Flipped Navigation
Collapsible Navigation
Static Navigation
Brand Center
Static Top

##### Navigation Color Options

###### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

###### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink

### Solid

Default
Primary
Danger
Success
Blue
Cyan
Pink

### Gradient

Default
Primary
Danger
Success
Blue
Cyan
Pink
Default
Primary
Danger
Success
Blue
Cyan
Pink
Buy Now