BS5 Kit
Bootstrap 5 class autocomplete and component snippets for VS Code.
Features
- Class autocomplete — type inside
class="..." in HTML/PHP and get 600+ Bootstrap 5 classes with descriptions
- Component snippets — navbars, cards, forms, modals, tables, carousels
- Page scaffolds — ready-made page layouts (navbar, hero, cards, footer)
- Sizing helpers — quick margin/padding shortcuts with pixel values
Usage
Type a prefix in an HTML or PHP file and press Tab.
Page Templates
| Prefix |
Output |
bs5 |
Blank page with Bootstrap CSS + JS |
bs5nav |
Responsive navbar |
bs5hero |
Hero section with heading and CTA |
bs5cards |
3-column card grid |
bs5footer |
Footer with 3 columns |
Components
| Prefix |
Output |
bs5form |
Contact form with validation |
bs5table |
Data table with header |
bs5login |
Sign-in form layout |
bs5register |
Sign-up form layout |
bs5sidebar |
Sidebar + content layout |
bs5slider |
Image carousel |
bs5modal |
Modal dialog |
bs5alert |
Dismissible alert |
bs5pagination |
Pagination |
bs5badge |
Badge |
bs5grid |
Responsive grid demo |
Sizing
| Prefix |
Class |
mtop0–mtop5 |
mt-0–mt-5 |
mbot0–mbot5 |
mb-0–mb-5 |
pall0–pall5 |
p-0–p-5 |
Requirements
VS Code 1.60+
| |
