alexanderankin/sublime-bootstrap4

🔴 Bootstrap 4 Snippets for Sublime Text 2&3

Bootstrap 4 - Sublime Plugin 🔴

A sublime plugin complete with Bootstrap 4 snippets

---

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/alexanderankin/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

• Getting Started
  • Imports
  • Templates
• Layout
  • Grid
  • Media
  • Utilities for layout
• Content
  • Typography
  • Tables
  • Images

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.