Bootstrap 5 Snippets
A set of Bootstrap 5.0.x Snippets for Visual Studio Code.
Create a new HTML document and type 'b5' to see all available snippets, easy to use.
Available Snippets
Template
| Trigger |
Description |
| b5-template |
bootstrap 5 template with CDN |
| b5-template-login |
Bootstrap 5 template for login form |
| b5-template-password-forget |
Bootstrap 5 template for forget password form |
| b5-template-confirm |
bootstrap 5 template for confirm mail |
| b5-template-contact |
bootstrap 5 template for contact us form |
| b5-template-register |
bootstrap 5 template for create account/register form |
| b5-template-newsletter |
bootstrap 5 newsletter subscribe form with btn |
| b5-template-social-icn |
bootstrap 5 social icn extra css paste in style sheet |
| b5-template-doc-list |
bootstrap 5 documents filter and table in card |
| b5-template-dashboard |
bootstrap 5 dashboard |
| b5-move-top |
bootstrap 5 page move to top |
Container
| Trigger |
Description |
| b5-container |
bootstrap 5 Container with padding |
| b5-container-fluid |
bootstrap 5 fluid Container |
| b5-container-sm |
bootstrap 5 small container |
| b5-container-md |
bootstrap 5 medium container |
| b5-container-lg |
bootstrap 5 large container |
| b5-container-xl |
bootstrap 5 extra large container |
Grid
| Trigger |
Description |
| b5-grid |
bootstrap 5 grid |
| b5-row-strat |
bootstrap 5 row |
| b5-row-center |
bootstrap 5 row center |
| b5-row-end |
bootstrap end |
| b5-col-order |
bootstrap 5 colunm order |
Flex
| Trigger |
Description |
| b5-flex-justify |
bootstrap 5 flex justify |
| b5-flex-alignb |
bootstrap 5 flex align |
| b5-flex-reverse |
bootstrap 5 flex item in reverse order |
Alert
| Trigger |
Description |
| b5-alert |
bootstrap 5 alert |
| b5-alert-dismiss |
bootstrap 5 dismiss alert |
Badges
| Trigger |
Description |
| b5-badge-pill |
bootstrap 5 badges pill |
| b5-badge-link |
bootstrap 5 badges link |
Breadcrumb
| Trigger |
Description |
| b5-breadcrumb |
bootstrap 5 breadcrumb |
Accordion
| Trigger |
Description |
| b5-accordion |
bootstrap 5 Accordion |
List Group
| Trigger |
Description |
| b5-list-group |
Bootstrap List Group |
| Trigger |
Description |
| b5-pagination-r |
Right Bootstrap pagination |
| b5-pagination-l |
Left Bootstrap pagination |
| b5-pagination |
Center Bootstrap pagination |
| Trigger |
Description |
| b5-btn |
bootstrap 5 button |
| b5-btn-outline |
bootstrap 5 button outline |
| b5-btn-size |
bootstrap 5 button size |
| b5-btn-active |
bootstrap 5 button active |
| b5-btn-disabled |
bootstrap 5 button disable |
| b5-btn-group |
bootstrap 5 button group |
| b5-close-btn |
bootstrap 5 button close/ dismise |
| b5-collapse-btn |
bootstrap 5 button collapse |
| b5-dropdown-btn |
bootstrap 5 button dropdown |
| b5-dropdown-btn-g |
bootstrap 5 button group |
| Trigger |
Description |
| b5-tooltips |
bootstrap 5 tooltips |
Toast
| Trigger |
Description |
| b5-toast |
bootstrap 5 toast notification |
| b5-toast-r |
bootstrap 5 toast notification left |
Font
| Trigger |
Description |
| b5-font-display |
bootstrap 5 font display |
| b5-font-lead |
bootstrap 5 font lead |
| b5-font-figcaption |
bootstrap 5 font digcation |
Image
| Trigger |
Description |
| b5-img-center |
bootstrap 5 image center |
| b5-img-l-r |
bootstrap 5 image left and right |
| b5-img-thumb |
bootstrap 5 image thumbnill |
Table
| Trigger |
Description |
| b5-table |
bootstrap 5 table |
| b5-table-striped |
bootstrap 5 table striped |
| b5-table-dark |
bootstrap 5 table dark |
| b5-table-success |
bootstrap 5 table success can edit another like, danger, primary etc |
| b5-table-hover |
bootstrap 5 table hover |
| Trigger |
Description |
| b5-form |
bootstrap 5 form |
| b5-form-row |
bootstrap 5 form field in same roe |
| b5-form-colpicker |
bootstrap 5 form color picker |
| b5-form-dropdown |
bootstrap 5 form dropdown |
| b5-form-input-select |
bootstrap 5 form input select |
| b5-form-input-btn |
bootstrap 5 form input field attached button |
| b5-form-checkbox |
bootstrap 5 form checkbox |
| b5-form-checkbox-in |
bootstrap 5 form checkbox in |
| b5-form-checkbox-dis |
bootstrap 5 form checkbox dis |
| b5-form-radio |
bootstrap 5 form radio button |
| b5-form-switch |
bootstrap 5 form switch |
| b5-form-file |
bootstrap 5 form file attachement |
| b5-form-file-d |
bootstrap 5 form file attacement |
| b5-form-range |
bootstrap 5 from range |
| b5-form-validation1 |
bootstrap 5 form validation |
| b5-form-validation2 |
bootstrap 5 form validation |
| b5-switch-toggle |
switch toogle with icon |
| b5-switch-toggle2 |
switch toogle default |
Card
| Trigger |
Description |
| b5-card |
bootstrap 5 card |
| b5-card-border |
bootstrap 5 card |
Carousel
| Trigger |
Description |
| b5-Carousel |
bootstrap 5 carousel/slider |
| b5-Carousel-fadeout |
bootstrap 5 carousel/slider fadeout |
Spinner | bootstrap 5
| Trigger |
Description |
| b5-spinner |
bootstrap 5 spinner |
| b5-spinner-growing |
bootstrap 5 spinner growing |
Progress Bar
| Trigger |
Description |
| b5-progress |
bootstrap 5 progress bar |
| b5-progress-p |
bootstrap 5 progress bar p |
| b5-progress-striped |
bootstrap 5 progress bar striped |
| b5-progress-striped2 |
bootstrap 5 progress bar striped |
Tab
| Trigger |
Description |
| b5-tab |
bootstrap 5 tab based contain show/hide |
| b5-tab-pill |
bootstrap 5 tab based contain show/hide pill |
| b5-tab-vertical |
bootstrap 5 tab based contain show/hide vertical align |
| Trigger |
Description |
| b5-modal |
bootstrap 5 modal/popup /auto load modal |
| b5-modal-right |
bootstrap 5 align modal right top |
| b5-modal-left |
bootstrap 5 align modal right top |
| b5-modal-right-bottom |
bootstrap 5 align modal right bottom |
| b5-modal-right-bottom |
bootstrap 5 align modal left bottom |
| b5-modal-bottom-full |
bootstrap 5 modal bottom full width |
| b5-modal-top-full |
bootstrap 5 modal bottom full top |
| b5-modal-back-drop |
bootstrap 5 modal back drp disable |
List Group
| Trigger |
Description |
| b5-list-group |
bootstrap 5 list group |
| b5-list-group-a |
bootstrap 5 list group active |
| b5-list-group-dMenu |
bootstrap 5 list diactivate menu |
Nav Bar
| Trigger |
Description |
| b5-navmenu-l |
bootstrap 5 navigation menu/header menu left toggle |
| b5-navmenu-r |
bootstrap 5 navigation menu/header menu right toggle |
| b5-navmenu-fixed |
bootstrap 5 navigation fixed ex fixed-top, fixed-bottom, fixed-left, fixed-right |
| b5-navbar-offcanvas |
Bootstrap 5 custom off canvas menu |
Iframe
| Trigger |
Description |
| b5-iframe |
bootstrap 5 iframe |
Truncate
| Trigger |
Description |
| b5-text-truncate |
bootstrap 5 text-truncate |
Border Color
| Trigger |
Description |
| b5-border-color |
bootstrap 5 border color |
| Trigger |
Description |
| b5-footer1 |
bootstrap 5 footer 1 to 4 contain differen styles |
License
This Visual Studio Code extension is open-source software licensed under the MIT license.
| |
