Here are all of the commands in the extension with a link to a screen shot of the rendered result
| Command | Description | Screenshot |
|---|---|---|
| bscf-template-base | Minimal HTML for Bootstrap 5 | Base Template |
| bscf-template-topnav | Page with top nav | Top Nav |
| bscf-template-topnav-light | Page with light theme top nav | Top Nav Light |
| bscf-template-sticky-footer | Page with top nav and sticky footer | Sticky Footer |
| bscf-template-sticky-footer-light | Page with top nav and sticky footer light theme | Sticky Footer Light |
| Command | Description | Screenshot |
|---|---|---|
| bscf-accordion | 3 collapsing accordion elements | Accordion |
| bscf-accordion-flush | 3 collapsing accordion elements without borders | Accordion Flush |
| bscf-accordion-open | 3 collapsing accordion elements that stay open when clicked | Accordion Always Open |
- NOTE: Combining card headers and shadow classes produces poor results
| Command | Description | Screenshot |
|---|---|---|
| bscf-card | Card element with title, text, and button | Card |
| bscf-card-image | Card element with image cap, title, text, and button | Card Image Cap |
| bscf-card-header | Card element with header, title, text, and button | Card Header |
| bscf-card-all | Bootstrap "kitchen sink" card | Card All |
| bscf-card-shadow | Drop shadowed card element with title, text, and button | Card Drop Shadow |
| bscf-card-shadow-image | Drop shadowed card element with header, title, text, and button | Card Image Cap Drop Shadow |
| Command | Description | Screenshot |
|---|---|---|
| bscf-contact-form | Contact form - form only | Contact Form |
| bscf-login-form | Static page with login form - purple background | Login Form |
| bscf-login-form-dark | Static page with login form - dark theme | Login Form Dark |
| bscf-login-form-light | Static page with login form - light theme | Login Form Light |
| Command | Description | Screenshot |
|---|---|---|
| bscf-jumbo | Original Jumbotron (w/o jumbotron class) | Jumbotron |
| bscf-jumbo-dark | Dark theme Jumbotron | Jumbotron Dark |
| bscf-jumbo-border | Jumbotron with border | Jumbotron Bordered |
| Command | Description | Screenshot |
|---|---|---|
| bscf-landing | Landing page with top nav, image, and two buttons | Landing Page |
| bscf-landing-dark | Landing page with top nav, image, and two buttons - dark theme | Landing Page Dark |
| Command | Description | Screenshot |
|---|---|---|
| bscf-modal | Standard modal with launch button | Modal |
| bscf-modal-center | Vertically centered modal with launch button | Modal Vertical Center |
| bscf-modal-sm | Small modal with launch button | Small Modal |
| bscf-modal-lg | Large modal with launch button | Large Modal |
| bscf-modal-xl | Extra large modal with launch button | Extra Large Modal |
| bscf-modal-center-sm | Vertically centered small modal with launch button | Small Modal Vertical Center |
| bscf-modal-center-lg | Vertically centered large modal with launch button | Large Modal Vertical Center |
| bscf-modal-center-xl | Vertically centered extra large modal with launch button | Extra Large Modal Vertical Center |
| Command | Description | Screenshot |
|---|---|---|
| bscf-table | 4 x 4 standard table | Table |
| bscf-table-dark | 4 x 4 dark theme table | Table Dark |
| bscf-table-striped | 4 x 4 striped table | Table Striped |
| bscf-table-dark-striped | 4 x 4 dark theme striped table | Table Dark Striped |
