Feel free to let me know what else you want added via:
- Twitter @de_gouville
- Slack @de_gouville
- GitHub Issues
There are 3 methods for installing this plugin.
-
Search for "Bootstrap 4 Snippets" via the "Package Control: Install Packages" menu. Note: If you don't have Sublime Package Control installed, you can find out how to install it here https://sublime.wbond.net/installation
-
Clone the repository into your Sublime Text 2/3 packages directory.
git clone https://github.com/degouville/sublime-bootstrap4.git -
Download the .zip file and unzip it into your Sublime Text 2/3 packages directory. Note: You can find your Sublime Text 2/3 packages directory by going to Preferences > Browse Packages.
Start typing b4 in HTML files and the autocomplete window opens. It matches fuzzily. So you can type b4danger to find the b4:alert:danger snippet.
Ensure you have enabled "b4" in your Preferences.sublime-settings:
"auto_complete_triggers": [{"selector": "text.html", "characters": "b4"}]
- Supports autocompletion of all helper classes in JavaScript, CSS and HTML
- Snippet support for all components.
- Snippet support for templates.
- Snippet support for layout.
- Snippet support for content.
| Snippets | Descriptions |
|---|---|
| b4:template:html5 | Generates a Basic HTML5 Template |
| b4:template:cdn | Generates CSS & JS call using CDN |
| b4:template:cdn_css | Generates CSS call using CDN |
| b4:template:cdn_js | Generates JS call using CDN |
| b4:template:cdn_css | Generates CSS call using local file |
| b4:template:cdn_js | Generates JS call using local file |
| Snippets | Descriptions |
|---|---|
| b4:starter | Generates a Starter Template |
| b4:album | Generates an Album Template |
| b4:carousel | Generates a Carousel Template |
| b4:grids | Generates a Grids Template |
| b4:cover | Generates a Cover Template |
| b4:dashboard | Generates a Dashboard Template |
| b4:jumbotron | Generates a Jumbotron Template |
| b4:narrow_jumbotron | Generates a Narrow Jumbotron Template |
| b4:navbars | Generates a Navbars Template |
| b4:offcanvas | Generates a OffCanvas Template |
| b4:navbar_top_fixed | Generates a Navbar Top Fixed Template |
| b4:navbar_top | Generates a Navbar Top Template |
| b4:justified_nav | Generates a Justified nav Template |
| b4:sticky_footer | Generates a Sticky footer Template |
| b4:sticky_footer+navbar | Generates a Sticky footer w/ navbar... |
| b4:sign_in | Generates a Sign_in Template |
| b4:blog | Generates a Blog Template |
| Snippets | Descriptions |
|---|---|
| b4:grid | Generates a grid |
| b4:container | Generates a container |
| b4:container_fluid | Generates a fluid container |
| b4:row | Generates a row |
| b4:col | Generates a column |
| b4:column | Generates a column w/ options |
| b4:col_sm | Generates a small column |
| b4:col_md | Generates a medium column |
| b4:col_lg | Generates a large column |
| b4:col_xl | Generates a extra large column |
| b4:col_flex | Generates a flexbox column |
| Snippets | Descriptions |
|---|---|
| b4:media | Generates a Media |
| b4:media:right | Generates a Media right |
| b4:media:medium | Generates a Media middle |
| b4:media:bottom | Generates a Media bottom |
| b4:media:list | Generates a Media List |
| Snippets | Descriptions |
|---|---|
| b4:utilities:visible | Generates a (in)visible snippet |
| b4:utilities:spacing | Generates a Spacing options snippet |
| b4:utilities:spacing:centered | Generates a Spacing centered snippet |
Bootstrap 4 - Sublime Plugin is open-sourced software licensed under the MIT license.