Bootstrap 4 Snippets
đź”´ Bootstrap 4 Snippets for Sublime Text 2&3
Details
Installs
- Total 218K
- Win 178K
- Mac 19K
- Linux 21K
Jun 1 | May 31 | May 30 | May 29 | May 28 | May 27 | May 26 | May 25 | May 24 | May 23 | May 22 | May 21 | May 20 | May 19 | May 18 | May 17 | May 16 | May 15 | May 14 | May 13 | May 12 | May 11 | May 10 | May 9 | May 8 | May 7 | May 6 | May 5 | May 4 | May 3 | May 2 | May 1 | Apr 30 | Apr 29 | Apr 28 | Apr 27 | Apr 26 | Apr 25 | Apr 24 | Apr 23 | Apr 22 | Apr 21 | Apr 20 | Apr 19 | Apr 18 | Apr 17 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 11 | 13 | 15 | 14 | 11 | 15 | 17 | 38 | 10 | 10 | 16 | 19 | 14 | 9 | 10 | 21 | 17 | 11 | 12 | 11 | 15 | 12 | 16 | 20 | 10 | 10 | 10 | 13 | 11 | 28 | 10 | 9 | 20 | 7 | 16 | 15 | 17 | 13 | 24 | 13 | 8 | 15 | 18 | 18 | 6 | 12 |
Mac | 0 | 0 | 3 | 1 | 0 | 0 | 2 | 1 | 0 | 2 | 0 | 0 | 0 | 0 | 3 | 2 | 2 | 0 | 1 | 1 | 3 | 0 | 2 | 1 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 1 | 2 | 4 | 2 | 0 | 1 | 0 | 3 | 0 | 0 | 3 | 2 | 2 | 0 |
Linux | 0 | 0 | 2 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 2 | 1 | 0 | 0 | 0 | 0 | 0 | 5 | 2 | 0 | 1 | 0 | 2 | 1 | 0 | 1 | 0 | 0 | 0 | 2 | 2 | 3 | 1 | 1 | 0 | 0 | 1 | 1 | 1 | 3 | 0 |
Readme
Bootstrap 4 - Sublime Plugin :red_circle:
A sublime plugin complete with Bootstrap 4 snippets
Installation
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/alexanderankin/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.
Usage
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"}]
Key Features :
- 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.
Menu
- Getting Started
- Layout
- Content
Snippets
Getting Started
Imports
Snippets | Descriptions |
---|---|
b4:cdn | Generates CSS & JS call using CDN |
b4:cdn_css | Generates CSS call using CDN |
b4:cdn_js | Generates JS call using CDN |
b4:local_css | Generates CSS call using local file |
b4:local_js | Generates JS call using local file |
Templates
Snippets | Descriptions |
---|---|
b4:template:html5 | Generates a Basic HTML5 Template |
b4:template:starter | Generates a Starter Template |
b4:template:blog | Generates a Blog Template |
b4:template:dashboard | Generates a Dashboard Template |
b4:template:sign_in | Generates a Sign_in Template |
b4:template:jumbotron | Generates a Jumbotron Template |
b4:template:album | Generates an Album Template |
b4:template:carousel | Generates a Carousel Template |
b4:template:grids | Generates a Grids Template |
b4:template:cover | Generates a Cover Template |
b4:template:narrow_jumbotron | Generates a Narrow Jumbotron Template |
b4:template:navbars | Generates a Navbars Template |
b4:template:offcanvas | Generates a OffCanvas Template |
b4:template:navbar_top_fixed | Generates a Navbar Top Fixed Template |
b4:template:navbar_top | Generates a Navbar Top Template |
b4:template:justified_nav | Generates a Justified nav Template |
b4:template:sticky_footer | Generates a Sticky footer Template |
b4:template:sticky_footer+navbar | Generates a Sticky footer with a navbar |
Layout
Grid
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 |
Media
Snippets | Descriptions |
---|---|
b4:media | Generates a Media |
b4:media:right | Generates a Media right |
b4:media:center | Generates a Media middle |
b4:media:bottom | Generates a Media bottom |
b4:media:list | Generates a Media List |
Utilities for layout
Snippets | Descriptions |
---|---|
b4:visible | Generates a (in)visible snippet |
b4:spacing | Generates a Spacing options snippet |
b4:spacing:centered | Generates a Spacing centered snippet |
Content
Typography
Snippets | Descriptions |
---|---|
b4:blockquote | Generates a blockquote |
b4:description_list | Generates a list of terms and descriptions |
b4:display_heading | Generates a display header |
b4:lead | Generates a lead paragraph |
b4:list-inline | Generates a list of inlined elements |
b4:list-unstyled | Generates a list of itens without any bullet |
b4:text-muted | Generates a text-muted element for secondary text |
Tables
Snippets | Descriptions |
---|---|
b4:table | Generates a simple table markup |
b4:table:bordered | Generates a table with borders |
b4:table:head | Generates a table colored in the header |
b4:table:hover | Generates a table with hover behavior |
b4:table:responsive | Generates a responsive table |
b4:table:small | Generates a table with condensed lines |
b4:table:striped | Generates a table with stripes |
Images
Snippets | Descriptions |
---|---|
b4:image-fluid | Generates a responsive image |
b4:figure | Generates figure with caption |
License
Bootstrap 4 - Sublime Plugin is open-sourced software licensed under the MIT license.