Bootstrap 4x Snippets
Bootstrap v4.4.1 Snippets
Details
Installs
- Total 62K
- Win 54K
- Mac 4K
- Linux 5K
| Oct 28 | Oct 27 | Oct 26 | Oct 25 | Oct 24 | Oct 23 | Oct 22 | Oct 21 | Oct 20 | Oct 19 | Oct 18 | Oct 17 | Oct 16 | Oct 15 | Oct 14 | Oct 13 | Oct 12 | Oct 11 | Oct 10 | Oct 9 | Oct 8 | Oct 7 | Oct 6 | Oct 5 | Oct 4 | Oct 3 | Oct 2 | Oct 1 | Sep 30 | Sep 29 | Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | Sep 15 | Sep 14 | Sep 13 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 1 | 0 | 1 | 1 | 2 | 2 | 5 | 1 | 3 | 0 | 4 | 1 | 2 | 2 | 2 | 2 | 0 | 2 | 2 | 4 | 3 | 5 | 16 | 3 | 3 | 2 | 8 | 4 | 4 | 4 | 3 | 2 | 1 | 5 | 1 | 3 | 3 | 4 | 3 | 4 | 2 | 2 | 2 | 7 | 5 | 1 |
| Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 |
| Linux | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 2 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 1 | 0 |
Readme
- Source
- raw.githubusercontent.com
Bootstrap 4.4 - Sublime Snippets
A sublime plugin complete with Bootstrap 4.4 snippets
👉 Bootstrap 4.4 - Sublime Snippets - (Currently Bootstrap v4.4.1)
Feel free to let me know what else you want added via:
| :globe_with_meridians: | proficientdesigners.com |
|---|---|
| :octocat: | Issues |
Installation
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.gitDownload 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.
Usage
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"}]
Key Features
- Snippet support for all components.
- Snippet support for templates.
- Snippet support for layout.
- Snippet support for content.
Extras
- Added snippets like
b4-blog-home-template&b4-blog-post-templateas an addon for starting a blog post template.
Demo Video
Snippets
Getting Started
| 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 |
Demo Video
Created by
License
Bootstrap 4 - Sublime Plugin is open-sourced software licensed under the MIT license.