Notifications

close
  • Generic placeholder image
    Amy Adams1Jan 22

    Hey!! What are you doing tonight ?

  • Generic placeholder image
    James Simpsons2Feb 15

    What's up ???

  • Generic placeholder image
    Mark Witherspoon3Mar 03

    I will be late today in office.

  • Generic placeholder image
    Jenniffer Wills4Apr 05

    Venture presentation is ready.

  • N
    Nelson SmithJan 22

    WORKSalary has been processed.

  • C
    Courtney CoxFeb 15

    URGENTNew product launching...

  • R
    Rachel WhiteMar 03

    ORDERSHOPPINGYour order has been...

  • F
    FreepikMar 03

    VERIFY NOWNew Sign verification req...

  • Payment Success !!!

    We have received your payment toward ad Account : 9876543210. Your Ad is Running.

    INFOSTATUSToday, 09:39 PM

  • Nobita Applied for Leave.

    Nobita applied for leave due to personal reasons on 22nd Feb.

    APPROVEREJECTYesterday, 05:25 PM

  • Alert

    There has been new Log in fron your account at Melbourne. Mark it safe or report.

    Report Now5 Jan 2019, 02:13 PM

  • Congratulations !!!

    Your role in the organization has been changed from Editor to Chief Strategist.

    ACTIVITY10 Jan 2019, 08:49 PM

Settings

close
Select Color
Night Mode
Navigation Sidebar
Select Account
profile
Shourya Kumar

Social Media Strategist

  • user
  • email
  • logout

Spinners

  1. Home
  2. Basic UI Kits
  3. Spinners
Border Spinner
Use the border spinners for a lightweight loading indicator.
Growing Spinner
If you don’t fancy a border spinner, switch to the grow spinner.
Colors Spinners
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 Colors Spinner
Once again, this spinner is built with currentColor, so you can easily change its appearance with text color utilities. Here it is in blue, along with the supported variants.
Alignment
Spinners in Bootstrap are built with rems, currentColor, and display: inline-flex. This means they can easily be resized, recolored, and quickly aligned.
Placement
Use flexbox utilities, float utilities, or text alignment utilities to place spinners exactly where you need them in any situation.
Loading...
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.

© 2020 Theta - All Rights Reserved.