Bootstrap v4 Snippets Tool for VS Code

A pack of 140 code snippets for Bootstrap toolkit.
Latest supported version: v4.3.1

🖼️ Preview

🏁 Getting started

To start using the snippets simply type bs4- snippet_name.

• To preview the selected snippet click CTRL+SPACEBAR.
• To use the selected snippet simply click TAB.

⌨️ Shortcuts / Commands

Main Commands | Command | Help Text | | :------ | :-------- | | bs4-init-local | Creates an Bootstrap 4 starter template. with local css and js file. | | bs4-init-cdn | Creates an Bootstrap 4 starter template. with cdn css and js file. |

Snippets | Command | Help Text | | :------ | :-------- | | bs4-alert-header | Alert h4 | | bs4-alert | Alert default | | bs4-badge-pill | Badge pill | | bs4-badge | Badge default | | bs4-breadcrumd | Breadcrumd list | | bs4-btn-group-horizontal | Button Group Horizontal | | bs4-btn-group-vertical | Button Group Vertical | | bs4-btn-group | Button group default | | bs4-btn-checkbox | Checkbox button | | bs4-btn-radio | Radio button | | bs4-btn | Button default | | bs4-card-body | Card body | | bs4-card-column | Card column | | bs4-card-deck | Card deck | | bs4-card-footer | Card footer | | bs4-card-full | Card full | | bs4-card-group | Card group | | bs4-card-header | Card header | | bs4-card-img-buttom | Card img buttom | | bs4-card-img-full | Card img full | | bs4-card-img-overlay | Card img overlay | | bs4-card-img-top | Card img top | | bs4-card-quote | Card quote | | bs4-card-title | Card title | | bs4-card | Card default | | bs4-carousel-caption | Carousel caption | | bs4-carousel-controls | Carousel controls | | bs4-carousel-full | Carousel full | | bs4-carousel-indicators | Carousel indicators | | bs4-carousel | Carousel default | | bs4-collapse | Collapse default | | bs4-dropdown-menu | Dropdown menu | | bs4-dropdown-split | Dropdown split | | bs4-dropdown | Dropdown default |

⚓ Links

• Issues
• Changelog