Bootstrap Components

Using Bootstrap UI components

Buttons

.btn # base button class
.btn-primary # primary button
.btn-secondary # secondary button
.btn-success # success (green)
.btn-danger # danger (red)
.btn-lg # large button
.btn-sm # small button

Alerts

.alert # base alert class
.alert-primary # blue alert
.alert-success # green alert
.alert-warning # yellow alert
.alert-danger # red alert
.alert-dismissible # closable alert

Cards

.card # base card class
.card-header # card header
.card-body # card content
.card-footer # card footer
.card-title # card title
.card-text # card text

Badges

.badge # base badge class
.badge bg-primary # primary badge
.badge bg-success # success badge
.badge rounded-pill # pill-shaped badge

Progress Bars

.progress # progress container
.progress-bar # progress bar
.progress-bar-striped # striped bar
.progress-bar-animated # animated stripes