Boat
Notifications

  • No Archive!

  1. Home
  2. Docs
  3. Bootstrap
  4. Spinners

Spinners

How it works

Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.

Basic Example

Use the border spinners for a lightweight loading indicator.

The border spinner uses currentColor for its border-color, meaning you can customize the color with text color utilities. You can use any of our text color utilities on the standard spinner.

Growing spinner

If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!

Size

Add .spinner-border-sm and .spinner-grow-sm to make a smaller spinner that can quickly be used within other components.

Buttons

Use spinners within buttons to indicate an action is currently processing or taking place. You may also swap the text out of the spinner element and utilize button text as needed.

Get started with Bootstrap

QBoat

Amazing Features

  • Handcrafted UI Each component has been carefully handcrafted and natively supports dark mode.
  • Fast Development QBoat handles HTML compilation while Gulp recompiles your SCSS and Javascript code
Need a Help?

Support at pixelwibes@gmail.com

Join our developers community to find answer to your question and help others.
Helpful Links
  • Assigned Tasks View All
  • 158
    1/5 Pending
  • 17
    3/5 Completed
  • 43
    4/5 On Hold
  • 27
    2/5 In Progress
  • Latest Tasks
    1. HR Dashboard
      Tempor fames sapien tristique bibendum per quisque senectus.
      friend friend
      Feedback
    2. Logo Design
      Create new logo in Figma file
      friend friend friend
      New
    3. Hospital App
      the logo of the company you are applying to and an image.
      Feedback
    4. CRM Project
      Convallis mollis porttitor nisi dis adipiscing.
      Changes
  1. comments Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  2. comments Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  3. isscaler/aromio-v0.1 12 commits

  4. BOOM!

  • Outgoing Emails View All
  • 158
    1/5 Sending
  • 752
    1/5 Sent
  • 125
    1/5 Delivered
  • 42
    1/5 Failed
  • Latest message View All
    • Avatar
      Github 8 minutes ago

      Where are we in terms of design?

    • Avatar
      Themeforest 12 minutes ago

      Where are we in terms of design?

    • Avatar
      Paybee inc. 22 minutes ago

      Where are we in terms of design?

    • Avatar
      Github 28 minutes ago

      Where are we in terms of design?

Template Setting
Template Site map url