02.06.2015 Views

Bootstrap Tutorial

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Link Button<br />

Button Size<br />

The following table summarizes classes used to get buttons of various sizes:<br />

Class<br />

.btn-lg<br />

.btn-sm<br />

.btn-xs<br />

.btn-block<br />

Description<br />

This makes button size large.<br />

This makes button size small.<br />

This makes button size with extra small.<br />

This creates block level buttons—those that span the full width of a parent.<br />

The following example demonstrates this:<br />

<br />

<br />

Large Primary button<br />

<br />

Large button<br />

<br />

<br />

<br />

<br />

Default size Primary button<br />

<br />

<br />

Default size button<br />

<br />

<br />

<br />

<br />

Small Primary button<br />

<br />

<br />

Small button<br />

<br />

<br />

<br />

<br />

Extra small Primary button<br />

<br />

<br />

Extra small button<br />

<br />

<br />

<br />

<br />

Block level Primary button<br />

<br />

TUTORIALS POINT<br />

Simply Easy Learning

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!