Quirk

Elen Adarna

Software Engineer
Address
4975 Cambridge Road Miami Gardens, FL 33056
Contact
  • me@themepixels.com
  • (032) 1234 567
  • +63012 3456 789
General Settings
  • Daily Newsletter
    Get notified when someone else is trying to access your account.
  • Call Phones
    Make calls to friends and family right from your account.
Security Settings
  • Login Notifications
    Get notified when someone else is trying to access your account.
  • Phone Approvals
    Use your phone when login as an extra layer of security.
  1. Home
  2. UI Elements
  3. Buttons

Bootstrap Buttons

Use any of the available button classes to quickly create a styled button.

Template Buttons

Use any of the bootstrap buttons with added class name of .btn-quirk

Stroked Buttons

An alternative styled button by adding a class name of .btn-stroke

Icon Buttons

Use any of the bootstrap buttons with added class name of .btn-quirk

Button Sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

 
 
 
 

Button Blocks

Create block level buttons - those that span the full width of a parent - by adding .btn-block.

Button Dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

Turn a button into a dropdown toggle with some basic markup changes.

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

Button dropdowns work with buttons of all sizes.


Button Groups

Group a series of buttons together on a single line with the button group.

Wrap a series of buttons with .btn in .btn-group.

Combine sets of btn-group into a btn-toolbar for more complex components.

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.