Feel free to let me know what else you want added via:
| 🌐 | proficientdesigners.com |
|---|---|
 |
Issues |
There are 3 methods for installing this plugin.
-
Search for "Bootstrap 4.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 3 packages directory.
git clone https://github.com/proficientdesigners/sublime-text-bs4-snippets.git -
Download the .zip file and unzip it into your Sublime Text 3 packages directory. Note: You can find your Sublime Text 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 b4btn to find the b4-btn snippet.
Ensure you have enabled "b4" in your Preferences.sublime-settings:
"auto_complete_triggers": [{"selector": "text.html", "characters": "b4"}]
- Snippet support for all components.
- Snippet support for templates.
- Snippet support for layout.
- Snippet support for content.
- Added snippets like
b4-blog-home-template&b4-blog-post-templateas an addon for starting a blog post template.
| List of Snippets |
|---|
| b4-accordian |
| b4-alert |
| b4-alert-additional |
| b4-alert-dismissing |
| b4-alert-link |
| b4-badge |
| b4-badge-link |
| b4-badge-pill |
| b4-blockquote |
| b4-blog-home-template |
| b4-blog-post-template |
| b4-breadcrumb |
| b4-btn |
| b4-btn-a-disabled |
| b4-btn-a-tag |
| b4-btn-active |
| b4-btn-badge |
| b4-btn-block |
| b4-btn-disabled |
| b4-btn-group |
| b4-btn-group-nesting |
| b4-btn-group-sizing |
| b4-btn-group-toggle |
| b4-btn-group-toolbar |
| b4-btn-input-tag |
| b4-btn-outline |
| b4-button-addon |
| b4-button-addon-dropdown |
| b4-card |
| b4-card-border |
| b4-card-deck-img |
| b4-card-deck-img-title-footer |
| b4-card-group-img |
| b4-card-group-img-title-footer |
| b4-card-header-footer |
| b4-card-horizontal |
| b4-card-img |
| b4-card-img-cap-bottom |
| b4-card-img-cap-top |
| b4-card-img-overlay |
| b4-card-kitchen-sink |
| b4-card-list |
| b4-card-nav |
| b4-card-primary |
| b4-card-quote |
| b4-card-styles |
| b4-card-title-text-links |
| b4-carousel-crossfade |
| b4-carousel-item-interval |
| b4-carousel-slides-only |
| b4-carousel-with-controls |
| b4-carousel-with-controls-indicators |
| b4-carousel-with-controls-indicators-captions |
| b4-cdn-css |
| b4-cdn-js |
| b4-checkbox |
| b4-checkbox-inline |
| b4-close-icon |
| b4-collapse |
| b4-container |
| b4-container-fluid |
| b4-custom-checkbox |
| b4-custom-checkbox-disabled |
| b4-custom-file |
| b4-custom-headings |
| b4-custom-radio |
| b4-custom-radio-disabled |
| b4-custom-range |
| b4-custom-select |
| b4-custom-switch |
| b4-custom-switch-disabled |
| b4-dropdown-button |
| b4-dropdown-link |
| b4-dropdown-split-btn |
| b4-embed |
| b4-figure |
| b4-form |
| b4-form-grid |
| b4-form-help-text |
| b4-form-horizontal |
| b4-form-inline |
| b4-form-login |
| b4-form-row |
| b4-form-tooltip-validation |
| b4-form-validation |
| b4-gutter |
| b4-image-replacement |
| b4-img-center |
| b4-img-left |
| b4-img-responsive |
| b4-img-right |
| b4-img-thumbnail |
| b4-input-group |
| b4-input-group-append |
| b4-input-group-append-prepend |
| b4-input-group-button-addons-append |
| b4-input-group-button-addons-prepend |
| b4-input-group-button-custom-file-append |
| b4-input-group-button-custom-file-prepend |
| b4-input-group-button-custom-select-append |
| b4-input-group-button-custom-select-prepend |
| b4-input-group-button-dropdown-append |
| b4-input-group-button-dropdown-prepend |
| b4-input-group-button-segmented-append |
| b4-input-group-button-segmented-prepend |
| b4-input-group-checkbox |
| b4-input-group-custom-file-append |
| b4-input-group-custom-file-prepend |
| b4-input-group-custom-select-append |
| b4-input-group-custom-select-prepend |
| b4-input-group-input-label |
| b4-input-group-multiple-addons-append |
| b4-input-group-multiple-addons-prepend |
| b4-input-group-multiple-input |
| b4-input-group-prepend |
| b4-input-group-radio |
| b4-input-group-textarea |
| b4-jumbotron |
| b4-jumbotron-fluid |
| b4-lead |
| b4-list-inline |
| b4-list-unstyled |
| b4-listgroup |
| b4-listgroup-badges |
| b4-listgroup-btn |
| b4-listgroup-custom-content |
| b4-listgroup-flush |
| b4-listgroup-horizontal |
| b4-listgroup-item-active |
| b4-listgroup-item-disabled |
| b4-listgroup-link |
| b4-media |
| b4-media-align |
| b4-media-list |
| b4-media-nesting |
| b4-modal |
| b4-nav-align-horizontal |
| b4-nav-align-vertical |
| b4-nav-align-vertical-item-link |
| b4-nav-align-vertical-link |
| b4-nav-item-link |
| b4-nav-link |
| b4-nav-pills-horizontal |
| b4-nav-pills-vertical |
| b4-nav-tabs |
| b4-navbar |
| b4-navbar-brand-link |
| b4-navbar-form-inline |
| b4-navbar-heading |
| b4-navbar-image |
| b4-navbar-image-text |
| b4-navbar-mini-a |
| b4-navbar-mini-li |
| b4-navbar-text |
| b4-pagination |
| b4-pagination-disabled-active |
| b4-pagination-icon |
| b4-picture |
| b4-popover |
| b4-progress |
| b4-progress-multiple |
| b4-radio |
| b4-radio-inline |
| b4-row-cols |
| b4-screen-readers |
| b4-scrollspy |
| b4-scrollspy-listgroup |
| b4-scrollspy-nested |
| b4-segmented-button |
| b4-spinner-border |
| b4-spinner-grow |
| b4-starter-template |
| b4-stretched-link |
| b4-table |
| b4-toast |
| b4-toast-placement |
| b4-toast-placement-center |
| b4-toast-placement-stacking |
| b4-toast-stacking |
| b4-tooltip |
| b4-tooltip-disabled |
Bootstrap 4 - Sublime Plugin is open-sourced software licensed under the MIT license.