Color Button

Size Button

Circle Button

Add the btn-circle attribute to <button> buttons.

Line Button

Add the btn-line attribute to <button> buttons.

Button Disabled

Add the disabled attribute to <button> buttons.

Button Block

Alert with links

Use the .alert-link utility class to quickly provide matching colored links within any alert.

Well done! You successfully read important alert message .
Heads up! This alert needs your attention , but it's not super important.
Warning! Best check yo self, you're not looking too good .
Oh snap! Change a few things up and try submitting again.

Dismissable Alerts

Build on any alert by adding an optional .alert-dismissable and close button.

Well done! You successfully read important alert message .
Oh snap! Change a few things up and try submitting again.

Alert Condensed

Warning! Best check yo self, you're not looking too good.
Heads up! This alert needs your attention , but it's not super important.

Progress Bars

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete
40%
20% Complete
60% Complete (warning)
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.


Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Nav Tabs


Home Tab

In nec nisi ut magna eleifend dapibus et et sem. Etiam hendrerit tortor at nunc vulputate, sit amet sagittis ex elementum. Donec euismod euismod nibh, vel lobortis sapien volutpat et. Sed eget urna ac mi posuere elementum ut eget orci.

Profile Tab

Nam at sem non nisi iaculis dictum quis non lacus. Nullam eleifend neque sed aliquet luctus. Sed faucibus vestibulum nunc, in pulvinar neque fringilla et.

Messages Tab

Etiam hendrerit tortor at nunc vulputate, sit amet sagittis ex elementum. Donec euismod euismod nibh, vel lobortis sapien volutpat et. Sed eget urna ac mi posuere elementum ut eget orci. Nam at sem non nisi iaculis dictum quis non lacus.

Settings Tab

In nec nisi ut magna eleifend dapibus et et sem. Etiam hendrerit tortor at nunc vulputate, sit amet sagittis ex elementum. Vel lobortis sapien volutpat et. Sed eget urna ac mi posuere elementum ut eget orci. Nam at sem non nisi iaculis dictum quis non lacus..


Nav Pills


Home Tab

In nec nisi ut magna eleifend dapibus et et sem. Etiam hendrerit tortor at nunc vulputate, sit amet sagittis ex elementum. Donec euismod euismod nibh, vel lobortis sapien volutpat et. Sed eget urna ac mi posuere elementum ut eget orci.

Profile Tab

Nam at sem non nisi iaculis dictum quis non lacus. Nullam eleifend neque sed aliquet luctus. Sed faucibus vestibulum nunc, in pulvinar neque fringilla et.

Messages Tab

Etiam hendrerit tortor at nunc vulputate, sit amet sagittis ex elementum. Donec euismod euismod nibh, vel lobortis sapien volutpat et. Sed eget urna ac mi posuere elementum ut eget orci. Nam at sem non nisi iaculis dictum quis non lacus.

Settings Tab

In nec nisi ut magna eleifend dapibus et et sem. Etiam hendrerit tortor at nunc vulputate, sit amet sagittis ex elementum. Vel lobortis sapien volutpat et. Sed eget urna ac mi posuere elementum ut eget orci. Nam at sem non nisi iaculis dictum quis non lacus..

Tables Bordered

# Username Date registered Role Status Action
1 Johann Un 2010/02/03 Member Active View Edit Delete
2 Petrus Dar 2012/01/15 Staff Banned View Edit Delete
3 Zeibsein Gunchineer 2013/02/01 Admin Inactive View Edit Delete
4 Goergia Zullivan 2013/06/20 Member Pending View Edit Delete
5 Tresshold Compe 2011/02/13 Staff Active View Edit Delete


Tables Striped

# Username Date registered Role Status Action
1 Johann Un 2010/02/03 Member Active View Edit Delete
2 Petrus Dar 2012/01/15 Staff Banned View Edit Delete
3 Zeibsein Gunchineer 2013/02/01 Admin Inactive View Edit Delete
4 Goergia Zullivan 2013/06/20 Member Pending View Edit Delete
5 Tresshold Compe 2011/02/13 Staff Active View Edit Delete


Tables Condensed

# Username Date registered Role Status Action
1 Johann Un 2010/02/03 Member Active
2 Row Success
3 Zeibsein Gunchineer 2013/02/01 Admin Inactive
4 Row Warning
5 Tresshold Compe 2011/02/13 Staff Danger

Modal



Label

Default Primary Success Info Warning Danger


Badges

Inbox 42


Tooltip



Popover



Pagination