Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>bootsnipNew to Visual Studio Code? Get it now.
bootsnip

bootsnip

kevroi

|
2,659 installs
| (0) | Free
Bootstrap snippet buddy
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

bootsnip README

Bootsnip is a Visual Studio Code extension designed to help beginners to web development. By using short prefixes, you can save a lot of time designing your first websites. Bootsnip helps you write dozens of lines ocde with just a few characters!

Features

Here are some useful prefixes to get started: !bs4 to get the bootstrap 4 starter template !navb to get a navbar up and running !epform to get a cheeky little form in for email sign ups!

Known Issues

None at the moment

Release Notes

CHANGELOG.md has a comprehensive list of release updates, but in a nutshell:

1.0.0

Initial release with bootstrap 4 template

1.0.1

Bootstrap 5 and forms support

1.1.0

Added snippets for more componenets

Sources

Motivated by an existing VS Code extension by Eventyret: https://github.com/Eventyret/vscode-bcdn Snippet examples sourced from https://getbootstrap.com/docs/4.0/getting-started/introduction/

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft