Alias
Alias allows you to wrap all your bootstrap classNames in your one single className. #DRY
bootstrapplus.alias({
"common-name": "name1 name2 name3 name4 ..."
});
"common-name": "name1 name2 name3 name4 ..."
});
Swatch
Define your own colour swatch for primary, secondary, success, info, warning, danger. Click on the hex codes to change the swatch
bootstrapplus.swatch({
primary:
,
secondary: ,
success: ,
info: ,
warning: ,
danger:
});
secondary: ,
success: ,
info: ,
warning: ,
danger:
Buttons
Outline Buttons
Badges
badge-primary badge-secondary badge-success badge-info badge-warning badge-danger
Texts
text-primary text-secondary text-success text-info text-warning text-danger
Background
bg-primary bg-secondary bg-success bg-info bg-warning bg-danger
Tables
| table-primary | Firstname | Lastname |
|---|---|---|
| John | Doe |
| table-secondary | Firstname | Lastname |
|---|---|---|
| John | Doe |
| table-success | Firstname | Lastname |
|---|---|---|
| John | Doe |
| table-info | Firstname | Lastname |
|---|---|---|
| John | Doe |
| table-warning | Firstname | Lastname |
|---|---|---|
| John | Doe |
| table-danger | Firstname | Lastname |
|---|---|---|
| John | Doe |
List Groups
list-group-item-primary
list-group-item-secondary
list-group-item-success
list-group-item-info
list-group-item-warning
list-group-item-danger