Bootstrap 4 with CDN Boilerplate
This extension will solve the issue for you with a simple !bscdn
Bootstrap 4 readymade HTML with CSS
Build responsive, mobile-first projects on the web with the world's most popular front-end component library.
- Include Bootstrap's HTML codes
- By type a shortcutCode and get a HTML & CSS code.
Shortcuts / Commands
||Description for shortcut code
||Creates an Bootstrap 4 starter template. With Jquery, popper.js and Font-Awesome 5
||Default Navigation for Bootstrap 4
||Class to Align Navigation Center
||Class to Align Navigation Right
||Bootstrap Form Control
||Bootstrap 4 Card
||Bootstrap 4 Card with Header & Footer
||Bootstrap 4 Card Align Center
||Bootstrap List with Links and Buttons
||Bootstrap basic Alert
||Alert with red background and foreground color
||Alert - to dismiss any alert inline
||Alerts can also contain additional HTML elements like headings, paragraphs and dividers
||Jumbotron: A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
||Dialogs to your site for lightboxes, user notifications, or completely custom content.
||Toggle a working modal demo by clicking the button below. It will slide down and fade in from the top of the page.
||Use Bootstrap’s custom button styles for actions in forms etc.
||Group a series of buttons together on a single line with the button group.
||Bootstrap default container.
||Container with row and col
- Visual Studio Code version 1.28.0 or Up required.
Include if your extension adds any VS Code settings through the
contributes.configuration extension point.
This extension contributes the following settings:
myExtension.enable: enable/disable this extension
myExtension.thing: set to
blah to do something
Calling out known issues can help limit users opening duplicate issues against your extension.
Users appreciate release notes as you update your extension.
Initial release of bootstrap 4 shortcut codes
- Alert - Provide contextual feedback messages
- Additional content
Alerts can also contain additional HTML elements like headings, paragraphs and dividers.
Dismiss any alert inline.
- A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
- Group a series of buttons together on a single line with the button group.
- Layout with Container, Rows, Cols
Working with Markdown
Note: You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:
- Split the editor (
Cmd+\ on macOS or
Ctrl+\ on Windows and Linux)
- Toggle preview (
Shift+CMD+V on macOS or
Shift+Ctrl+V on Windows and Linux)
Ctrl+Space (Windows, Linux) or
Cmd+Space (macOS) to see a list of Markdown snippets
Follow us on Github
Follow us on facebook
For more information