We recommend you install this plugin if you use visualstudio.This plugin can be intelligently prompted to increase productivity and speed。
Installation (in 2 easy steps)
- Install plugin
- Press
F1
, pasteext install bootstrap4-vscode
& then pressenter
(or) - Goto extensions by pressing
Ctrl-Shift-X
(Windows/Linux) orCmd-Shift-X
(Mac) & Search forBootstrap 4
, click on install - Reload your editor
You are good to go
Usage
To use the bootstrap snippets, open a HTML file, and start typing b4-
, followed by pressing Ctrl+Space
. A list of bootstrap snippets will show up
To use font awesome 4 snippets, open a HTML file, and start typing fa4-
, the editor will show you all the snippets
To use font awesome 5 free snippets, open a HTML file, and start typing fa5-
, the editor will show you all the snippets
To use font awesome 5 pro snippets, open a HTML file, and start typing fa5p-
, the editor will show you all the snippets
The detailed list of supported actions are listed below under documentation section
Here are the conventions that will make it easy to lookup templates
If a template trigger starts with @
variation, this snippet targets the attribute of an html element in your markup. Think of @
as html attribute
Review
It is a first time I use something like preinstalled packages, and VS Code. It took some time to learn how it works. At the beginning it was very confusing. But now it is Super easy to use, and create some great looking BootStrap pages. The autor of this package did an amazing work!
Needs improvement, because it’s being loaded everywhere, even when it’s useless i.e. in css/scss inside ‘background: url(*);’ instead path intellisense or in js. Suggestions are dependant too much on specific bootstrap minor version. Also many of them are badly described making it hard to read.