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
Basic Bottons
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Rounded Bottons
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Outline buttons
In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.
Rounded Outline buttons
In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.
Light Bottons
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Light Rounded Bottons
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Bottons with Icon
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Rounded Bottons with Only Icon
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Outline Bottons with Icon
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Rounded Outline Bottons with Only Icon
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Light Bottons with Icon
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Light Bottons with Icon
Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
Button Tags
The .btn classes are designed to be used with the <button> element. However, you can also use these classes on <a> or <input> elements (though some browsers may apply a slightly different rendering).
Link
Sizes Buttons
Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.
Block Buttons
Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.
Active State Button
Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. There’s no need to add a class to <button>s as they use a pseudo-class. However, you can still force the same active appearance with .active (and include the aria-pressed="true" attribute) should you need to replicate the state programmatically.
Disable State Buttons
Make buttons look inactive by adding the disabled boolean attribute to any <button> element.
Toggle State Buttons
Add data-toggle="button" to toggle a button’s active state. If you’re pre-toggling a button, you must manually add the .active class and aria-pressed="true" to the <button>.
Checkbox Button
Bootstrap’s .button styles can be applied to other elements, such as <label>s, to provide checkbox or radio style button toggling. Add data-toggle="buttons" to a .btn-group containing those modified buttons to enable their toggling behavior via JavaScript and add .btn-group-toggle to style the <input>s within your buttons. Note that you can create single input-powered buttons or groups of them.
Radio Buttons
Bootstrap’s .button styles can be applied to other elements, such as <label>s, to provide checkbox or radio style button toggling. Add data-toggle="buttons" to a .btn-group containing those modified buttons to enable their toggling behavior via JavaScript and add .btn-group-toggle to style the <input>s within your buttons. Note that you can create single input-powered buttons or groups of them.

© 2019 Theta - All Rights Reserved.