Bootstrap 5 & Font Awesome Snippets installs statistics

Bootstrap 5

<!-- [](https://github.com/HansUXdev/B5-Snippets/releases) -->

The first, (currently only) and hands down BEST bootstrap 5 snippet extension. Includes templates, powerful utility snippets, and much more.

Features

1. Templates one tab away
2. Powerful utilities
3. Font Awesome icons ! (currently 4.7, eventually 6.0)
4. Much more hidden...

<!-- 5. hidden snippets to convert ya'll to javascript fans, such as !http -->

1. Much more planned, so consider giving it a star on github or the marketplace, become a sponsor.

Open Source Marketplace

This may surprizes you but VS-Code and it's marketplace aren't really open source, is licensed under a not-FLOSS license and contains telemetry/tracking, read more...

This extension is built for open-vsx and published on the ONLY open source registry for VS Code extensions.

<!-- If you are reading this, it's because I opened sourced it. Hopefully you love open source as much as me... Don't share this code comment with anyone. It'll be our little inside joke. Wanna conduct an expirment together? 1. Give this extension 5 stars. Write an awesome review. 2. Share it and promote it on social media, twitter, facebook, linkedin, etc... 3. Lets see if we can get ~20-100k downloads. 4. Just as people are getting hooked, I'll uncomment the text below. Then remove the extension from the stor at a random time to raise awareness about open source. If you are a publisher of an extension, or snippet, you do the same thing. --> <!-- **Eventually, this extension may be removed from [visual studio marketplace](https://marketplace.visualstudio.com/) in order raise awareness**. -->

Learn more about open source versions of vscode such as vscodium, GitPod's IDE and more.

<!-- ## Installing The simplest way is to install command line. `code --install-extension myextension.vsix` -->

Notes

Bootstrap 5 is currently in alpha and this extension should be considered in the same status. Unlike a lot of other snippets, this extension aims to balence user simplicity, with power and flexibility by keeping the total number of snippets to a minimum.

In terms of user simplicity, other Bootstrap 4 snippets have 5 different snippets for the grid, whereas this will have 3, but each is more powerful.

Roadmap

• v1.2.5 - Introduces Flex utilities, media-query and awesome awesome 4.7.0.
• v1.5 - Each snippet with eventually have a gif demo (soon).
• v2 - All base templates and several others will be one tab away, so consider sponsoring this or giving it a star.

---

Powerful, Simple, Flex Snippets

Center, position or reorder any element, by any default breakpoint with under 10 snippets.

Trigger	Description
!templates	Sets the display type.
!utilities	Sets the display type.
b5-	Main component snippets.
fa-	Font Awesome component snippets.

---

Templates/Layout

Templates are just one tab away. Most of the official example templates have been implmented.

Trigger	Description
!b5-$	Shortcut creating an html document with cdn scripts included
!b5-$Offcanvas	Offcanvas Template, one tab away.
!b5$Template-name	More coming soon...

---

Powerful Utility Classes

There are two way to use utilities.

1. Class utilities, which use ! as a prefix. For example, if you want to add a utility class to an existing HTML element, inside of class=" " you would add class="!spacing" then hit tab and fill out the options, the default will be class="mx-auto" which sets margin to auto on left and right (x).
2. Wrapper elements, ex: b5-{txt,color,shadow,boder,spacing} which will create a div, p, h2 then allow you to tab through the options.…