[ bracket ]

Navigation
Information Summary
  • Daily Traffic

    630, 201

  • Average Users

    1, 332, 801

  • Disk Usage

    82.2%

  • CPU Usage

    140.05 - 32

  • Memory Usage

    32.2%

Buttons Subtitle goes here...

You are here:
  1. Bracket
  2. UI Elements
  3. Buttons
× −

Basic Styles

Built-in Buttons

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


.btn-default .btn-primary .btn-success .btn-warning .btn-danger .btn-info .btn-white
Custom Buttons

Use any of the available custom button classes to add a custom styled button to your pages.


.btn-brown .btn-black .btn-pink .btn-darkblue .btn-orange .btn-maroon .btn-lightblue
Alternative Styles

This is an alternative styled buttons. You can use this by adding -alt to any of the button classes like .btn-primary-alt


Default Primary Success Warning .Danger Info
× −

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 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.

× −

Button Dropdowns

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

Single Button Dropdowns

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


Split Button Dropdowns

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


Dropdown Sizing

Button dropdowns work with buttons of all sizes.


Online Users
  • Eileen Sideways Los Angeles, CA
  • 2 Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Offline Users
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
Favorites
  • Eileen Sideways Los Angeles, CA
  • Zaham Sindilmaca San Francisco, CA
  • Nusja Nawancali Bangkok, Thailand
  • Renov Leongal Cebu City, Philippines
  • Weno Carasbong Tokyo, Japan
History
  • Eileen Sideways Hi hello, ctc?... would you mind if I go to your...
  • Zaham Sindilmaca This is to inform you that your product that we...
  • Nusja Nawancali Are you willing to have a long term relat...
Settings