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 126K
  • Win 98K
  • OS X 14K
  • Linux 14K
Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 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
Windows 89 102 105 57 75 84 108 105 106 101 62 86 111 104 79 93 103 62 92 91 97 94 104 114 77 97 89 121 104 116 137 80 93 101 119 125 124 109 87 75 110 146 110 100 95 81
OS X 1 3 5 8 5 9 10 5 3 5 6 5 8 5 6 7 4 4 4 6 2 4 4 5 4 4 7 9 4 4 12 11 6 4 4 7 6 11 10 11 7 7 7 5 4 5
Linux 8 10 8 4 4 10 16 13 7 11 8 11 11 15 11 14 17 2 11 11 16 11 16 12 8 11 10 14 11 8 13 9 11 5 12 9 14 8 8 8 11 11 13 6 14 10

Readme

Source
raw.​githubusercontent.​com

DEPRECATED | 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

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

Back to Top


License

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