AbhishekMaira10 / vscode-bs4

📦 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

Show some love 💜 and Star ⭐️ the Repository to support the project.

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
!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

Extension Settings

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

• myExtension.enable: enable/disable this extension
• myExtension.thing: set to blah to do something

Known Issues

No known issues so far.

Release Notes

🚀	New Feature
✅	Minor Fix
🐛	Bugfix

[1.0.0]

Initial release of Bootstrap 4 with CDN Boilerplate 😍 🚀

---

🏷️ Versioning

I've used Semantic Versioning 2.0.0 for versioning throughout the project.

❓ Queries / Bugs

If you got any queries or found a bug, open an Issue or ping me over on [e-mail]

Enjoy!