vscode-bcdn
vscode-bcdn copied to clipboard
A Plugin for easy bootstrap markup and template
Bootstrap 4 with CDN Boilerplate
Ever been trying to start with a bootstrap template?
This is normally not an issue but I found it tedious with using ! then add all CSS with font-awesome and jquery etc.
This extension will solve the issue for you with a simple !bcdn + TAB and your up and running with a full template
The extension also supports Bootswatch themes

Shortcuts / Commands
Main Commands
| Command | **Help Text ** |
|---|---|
| !bcdn | Creates an Bootstrap 4 starter template. With Jquery, popper.js and Font-Awesome 5 |
| !bcdn5 | Creates an Bootstrap 5 starter template. With popper.js and Font-Awesome 5 |
| !bcss | Creates an Bootstrap 4 starter template. Only with CSS (No Jquery) and Font-Awesome 5 |
| !b3cdn | Creates an Bootstrap 4 starter template. With Jquery, Font-Awesome 4.7 |
| !bcdnajax | Creates an Bootstrap 4 starter template. With Jquery, popper.js and Font-Awesome 5 (Ajax support) |
| !bcdnjs | Creates all the script links for JS (Links only) |
| !bcdncss | Creates all the style links for CSS (Links only) |
Bootswatch Template variations
| Command | **Help Text ** |
|---|---|
| !bcdncerulean | Creates an Bootstrap 4 Template with Cerulean Bootswatch Colors |
| !bcdncosmo | Creates an Bootstrap 4 Template with Cosmo Bootswatch colors |
| !bcdncyborg | Creates an Bootstrap 4 Template with Cyborg Bootswatch colors |
| !bcdndarkly | Creates an Bootstrap 4 Template with Darkly Bootswatch colors |
| !bcdnflatly | Creates an Bootstrap 4 Template with Flatly Bootswatch colors |
| !bcdnjournal | Creates an Bootstrap 4 Template with Journal Bootswatch colors |
| !bcdnlitera | Creates an Bootstrap 4 Template with Litera Bootswatch colors |
| !bcdnlumen | Creates an Bootstrap 4 Template with Lumen Bootswatch colors |
| !bcdnlux | Creates an Bootstrap 4 Template with Lux Bootswatch colors |
| !bcdnmateria | Creates an Bootstrap 4 Template with Materia Bootswatch colors |
| !bcdnminty | Creates an Bootstrap 4 Template with Minty Bootswatch colors |
| !bcdnpulse | Creates an Bootstrap 4 Template with Pulse Bootswatch colors |
| !bcdnsandstone | Creates an Bootstrap 4 Template with Sandstone Bootswatch colors |
| !bcdnsimplex | Creates an Bootstrap 4 Template with Simplex Bootswatch colors |
| !bcdnsketchy | Creates an Bootstrap 4 Template with Sketchy Bootswatch colors |
| !bcdnslate | Creates an Bootstrap 4 Template with Slate Bootswatch colors |
| !bcdnsolar | Creates an Bootstrap 4 Template with solar Bootswatch colors |
| !bcdnspacelab | Creates an Bootstrap 4 Template with Space Lab Bootswatch colors |
| !bcdnsuperhero | Creates an Bootstrap 4 Template with Super Hero Bootswatch colors |
| !bcdnunited | Creates an Bootstrap 4 Template with United Bootswatch colors |
| !bcdnyeti | Creates an Bootstrap 4 Template with Yeti Bootswatch colors |
Forms and misc Classes
| Command | Help Text |
|---|---|
| !bsnav | Default Navigation for Bootstrap |
| !bsnavcenter | Create a center logo navbar |
| !bsnavc | Class to Align Navigation Center |
| !bsnavr | Class to Align Navigation Right |
| !bsnavtab | Class to Use Tab Style Navigation |
| !bsnavsticky | Default Sticky Navigation for Bootstrap |
| !bsnavpill | Class to Use Pill Style Navigation |
| !bsnavdd | Default Dropdown Navigation (Requires Jquery) |
| !bsnavj | Class to Justify Navigation |
| !bfg | Bootstrap Form Group parent element |
| !bfc | Bootstrap Form Control |
| !bsform | Bootstrap form with input, select and textarea |
Release Notes
| 🚀 | New Feature |
|---|---|
| ✅ | Minor Fix |
| 🐛 | Bugfix |
[1.13.0]
Added
- Upgraded Bootstrap from
5.0.1to5.1.0✅ - Upgraded Bootswatch from
5.0.1to5.1.0✅ - Upgraded Font Awesome to
5.15.14
Fixed
- Fixed some minor spelling and layout issues in readme
[1.12.0]
Added
- Upgraded Bootstrap 5-beta1 to 5.0.1` ✅
- Upgraded Font Awesome to
5.15.13 - Added new bootswatch 5 themes 🚀
[1.11.0]
Added
- Upgraded Bootstrap 4.5.3 Alpha to 4.6.0` ✅
- Upgraded Font Awesome to
5.15.2
[1.10.0]
Added
- Upgraded Bootstrap 5 Alpha to
Beta 1✅ - Upgraded Font Awesome to
5.15.1(This introduces the free covid-19 icons) ✅
[1.9.0]
Added
- Upgraded Bootstrap 5 Alpha to
Alpha 2✅ - Upgraded Font Awesome to
5.15.0(This introduces the free covid-19 icons) ✅ - Added new center bootstrap command
!bsnavcenter(This will create a centered brand navbar) 🚀
[1.8.2]
Added
- Upgraded Bootstrap to
4.5.2✅
[1.8.1]
Added
- Upgraded Font Awesome to
5.14.0✅
Fixed
- Upgraded
npmdependency to6.14.6✅
[1.8.0]
Added
- Added bootstrap 5 alpha support with new command
!bcdn5🚀 - Upgraded Font Awesome to
5.13.1✅
Removed
- Removed jQuery as dependancy for Bootstrap 5 ✅
[1.7.0]
Added
- Added Meta Description element to initial block. 🚀 / Thanks @betahope
[1.6.1]
Fixed
- Fixed spelling mistake in the title of the plugin 🐛
[1.6.0]
Added
- Created a brand New Icon 🚀
- New Screencast 🚀
- New Shields added 🚀
- Added bug report template for Github 🚀
- Added feature request template for Github 🚀
[1.5.0]
Added
- Upgraded bootstrap to
4.5.0🚀 - Upgraded bootstrap to
3.5.1✅ - Upgraded bootstrap to
3.5.1✅ - Added sticky navbar with
!bsnavsticky🚀
[1.4.1]
Fixed
- Reverted jQuery to v.3.4.1 for compatibility issues with current Bootstrap version. ✅
[1.4.0]
Added
- Moved the paths for
style.cssto be a better standard now it will beassets/css/style.css - Added support for Django templates
django-htmlsupport requested in #15 🚀 - Added support for jinja templates
jinja-htmlsupport requested in #15 🚀 - Updated jQuery to
3.5.0✅ - Updated popper.js to
1.16.1✅ - Updated Font Awesome to
5.13.0✅ - Added support for github actions 🚀
Fixed
- Fixed an issue with the README with markdown errors.
Removed
- Removed Azure-pipeline
[1.3.0]
Added
- Updated Bootstrap to
4.4.1✅ - Updated PopperJS to
1.16.0✅ - Added
!bcdncssto add latest bootstrap and font awesome styles 🚀 - Emojis for better readability in changelog and README 🚀 😍
- Added Bootswatch themes to be added with
!bcdnTHEMENAMEeg!bcdnyetiwill give the Yeti bootswatch theme 🚀
Fixed
- Fixed an issue where the wrong command was written in the README. 🐛
- Changed the structure of the tables in the readme to make it easier to read 🚀
- Added and removed comma structure in
package.jsonas this was broken
[1.2.3]
Fixed
- Fixed a problem with versions and npm ✅
[1.2.1]
Added
- Added
bcdnjsto the table in README 🚀 - Updated Font Awesome 5 to
5.11.2✅
[1.2.0]
Added
- Added
bcdnjsthis will give you the ability to just insert all the javascript at the footer. 🚀 - Updated FontAwesome 5 to
5.10.0-11✅
[1.1.9]
Added
- Updated FontAwesome 5 to
5.8.2✅ - Updated Jquery to
3.4.1✅ - Updated popper.js to
1.50.0✅
Fixed
- Changed FontAwesome 4 to 5 on Bootstrap 3 Starter Template 🚀
[1.1.8]
Fixed
- Fixed issues with updating and publishing 🐛
[1.1.7]
Added
- Added AJAX Support with new command
!bcdnajax- Thanks to @alejandrogarciapalomo 🚀
[1.1.6]
Added
- Updated Bootstrap to version
4.3.1- Thanks to @alejandrogarciapalomo ✅ - Updated Fontawesome to version
5.7.2- Thanks to @alejandrogarciapalomo ✅
[1.1.5]
Fixed
Fixed some issues with readme 🐛
[1.1.4]
Added
- Updated Bootstrap to version
4.2.1✅ - Updated Fontawesome to version
5.7.0✅ - Added Bootstrap 3 Template
!b3cdnfor the legacy people that wanted it. 🚀 - Added full form with input, select and textarea. #9 - Thanks to @wings30306 🚀
Fixed
- Added a license #8 - This plugin now has a GNU GENERAL PUBLIC LICENSE. 🚀
- Fixed the table in readme looking wrong. ✅
[1.1.3]
Removed
- Removed Django and vue HTML as it was not working correctly 🐛
[1.1.2]
Fixed
- Fixed where the javascript was
.mapfile 🐛
[1.1.1]
Fixed
- Fixed some minor spelling errors in readme and other files 🐛
[1.1.0]
Added
- Added Support for JSX / ReactJS 🚀
- Added Support for Vue HTML 🚀
- Added Font Awesome 5 Free 🚀
Removed
- Removed Font Awesome 4.7 ✅
[1.0.8]
Added
- Updated Bootstrap CSS to
4.1.2🚀 - Updated Bootstrap JS to
4.1.2🚀
[1.0.7]
Added
- Added icon to plugin 🐛
[1.0.6]
Fixed
- Space in Url for bootstrap. #5 🐛
- Fixed popper.js unexpected token error. #6 🐛
- Problems with badges not displaying. 🐛
Removed
- Removed Travis CI Build testing for now ✅
[1.0.5]
Fixed
- Double text in readme. 🐛
[1.0.4]
Added
- Readme badges 🚀
Fixed
- Fixed error in package.json version 🐛
[1.0.3]
Added
- Added Navigation snippets - Thanks to @karnthis #1 🚀
- Added Bootstrap4 CDN without jQuery - Thanks to @nartc #2 🚀
- Added 2 basic form snippets: form-group and form-control Thanks to @nartc #3 🚀
- Updated readme with table of commands. ✅
- Added travis CI testing (WIP) 🚀
Fixed
- Fixed spelling errors. 🐛
[1.0.2]
- Minor adjustments to files ✅
[1.0.0]
Initial release of Bootstrap 4 with CDN Boilerplate 😍 🚀
Known Issues
No known issues so far.