ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Bootstrap 4 Snippets

by degouville ST2/ST3

đź”´ Bootstrap 4 Snippets for Sublime Text 2&3 - (V4.0.0-beta)

Details

Installs

  • Total 50K
  • Win 36K
  • OS X 7K
  • Linux 6K
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 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8
Windows 58 81 78 94 102 94 113 91 67 81 90 83 63 133 114 81 69 107 120 117 98 111 72 83 76 103 98 108 118 69 89 83 119 142 105 130 79 93 126 148 117 100 72 74 74 97
OS X 8 14 15 11 11 9 11 19 10 17 10 20 9 12 17 19 15 12 19 23 14 16 14 9 10 16 20 16 15 9 10 15 22 11 29 15 7 11 21 30 17 17 12 8 9 16
Linux 7 16 8 14 19 10 12 13 10 17 16 18 7 8 17 11 11 9 11 18 21 10 10 12 11 19 21 11 11 9 14 16 19 14 16 20 10 12 16 30 16 15 9 7 19 15

Readme

Source
raw.​githubusercontent.​com

Bootstrap 4 - Sublime Plugin :red_circle:

A sublime plugin complete with Bootstrap 4 snippets

:fire: Up to date w/ 4.0.0-beta :fire:


Feel free to let me know what else you want added via:

Installation

There are 3 methods for installing this plugin.

  1. 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

  2. Clone the repository into your Sublime Text 2/3 packages directory. git clone https://github.com/degouville/sublime-bootstrap4.git

  3. 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

Snippets

Getting Started

Templates
Snippets Descriptions
b4:html5 Generates a Basic HTML5 Template
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:cdn_css Generates CSS call using local file
b4:cdn_js Generates JS call using local file
Examples
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

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:medium Generates a Media middle
b4:media:bottom Generates a Media bottom
b4:media:list Generates a Media List
Utilities for layout
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

Back to Top


License

Bootstrap 4 - Sublime Plugin is open-sourced software licensed under the MIT license.