To create a button with a label, place a <span>
with the
.btn-label
class within the button. The button label can be positioned
left or right by adding .left
or .right
to
the .btn-label
.
1,307 Secondary
1,307 Primary
1,307 Success
1,307 Info
1,307 Primary
1,307 Warning
1,307 Danger
To create a button label with an icon (from any supported icon font), just place
the icon with the .btn-label-icon
class within the button.
Secondary
Primary
Success
Info
Primary
Warning
Danger
1,307 Secondary
1,307 Primary
1,307 Success
1,307 Info
1,307 Primary
1,307 Warning
1,307 Danger
Secondary
Primary
Success
Info
Primary
Warning
Danger
1,307 Secondary
1,307 Primary
1,307 Success
1,307 Info
1,307 Primary
1,307 Warning
1,307 Danger
Secondary
Primary
Success
Info
Primary
Warning
Danger
1,307 Secondary
1,307 Primary
1,307 Success
1,307 Info
1,307 Primary
1,307 Warning
1,307 Danger
Secondary
Primary
Success
Info
Primary
Warning
Danger
1,307 Primary
1,307 Success
Info
Warning
1,307 Danger
1,307 Primary
Success
Info
1,307 Warning
1,307 Danger
Primary
Success
1,307 Primary
1,307 Success
Info
Warning
1,307 Danger
1,307 Primary
Success
Info
1,307 Warning
1,307 Danger
Primary
Success
1,307 Warning
1,307 Danger
Primary
Success
1,307 Warning
1,307 Danger
Primary
Success
1,307 Primary
1,307 Success
Info
Warning
1,307 Danger
1,307 Primary
Success
Info
1,307 Warning
1,307 Danger
Primary
Success
1,307 Primary
1,307 Success
Info
Warning
1,307 Danger
1,307 Primary
Success
Info
1,307 Warning
1,307 Danger
Primary
Success
1,307 Primary
1,307 Success
Info
Warning
1,307 Danger
1,307 Primary
Success
Info
1,307 Warning
1,307 Danger
Primary
Success
1,307 Primary
1,307 Success
Info
Warning
1,307 Danger
1,307 Primary
Success
Info
1,307 Warning
1,307 Danger
Primary
Success