christophermoura / sublime-bootstrap4

Bootstrap 4 Snippets for Sublime Text 2&3

Bootstrap 4 - Sublime Plugin

A sublime plugin complete with Bootstrap 4 snippets

---

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

• Twitter @de_gouville
• Slack @de_gouville
• GitHub Issues

Install :

There are 3 methods for installing this plugin.

1. Search for "Bootstrap 3 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/mdegoo/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 <foo in html files and the autocomplete window opens. It matches fuzzily. So you can type <th5 to find the template:html5 snippet.

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

• Templates sic] (#templates)
  • Example
• Layout
  • Grid
  • Media
  • Responsive Utilities
• Content
  • Typography
  • Tables
  • Figures
• Components
  • Buttons
  • Button group
  • Button dropdown
  • Forms
  • Input group
  • Dropdowns
  • Jumbotron
  • Label
  • Alerts
  • Card
  • Navs
  • Navbar
  • Breadcrumb
  • Pagination
  • Progress
  • List group
  • Modal
  • Scrollspy
  • Tooltips
  • Popovers
  • Collapse
  • Carousel
  • Utilities

Snippets

Templates

Snippets	Descriptions
template:cdn	Generates a CSS & JS from CDN
template:cdn_css	Generates a CSS from CDN
template:cdn_js	Generates a CSS & JS from CDN
template:html5	Generates a Basic HTML5 Template
template:blog	Generates a Blog Template
template:carousel	Generates a Carousel Template
template:cover	Generates a Cover Template
template:dashboard	Generates a Dashboard Template
template:grids	Generates a Grids Template
template:jumbotron	Generates a Jumbotron Template
template:navbar	Generates a Navbar Template
template:fixed_navbar	Generates a Fixed Navbar Template
template:justified_nav	Generates a Justified nav Template
template:static_top_navbar	Generates a Static top Navbar Template
template:sticky_footer	Generates a Sticky footer Template
template:sticky_footer+navbar	Generates a Sticky footer w/ navbar...
template:sign-in	Generates a Sign-in Template
template:starter	Generates a Starter Template

Layout

Grid

Snippets	Descriptions
grid	Generates a grid
grid:container	Generates a container
grid:container_fluid	Generates a fluid container
grid:row	Generates a row
grid:column	Generates a column
grid:col_xs	Generates a extra small column
grid:col_sm	Generates a small column
grid:col_md	Generates a medium column
grid:col_lg	Generates a large column
grid:col_xl	Generates a extra large column
grid:col-xs	Generates a extra small column
grid:col-sm	Generates a small column
grid:col-md	Generates a medium column
grid:col-lg	Generates a large column
grid:col-xl	Generates a extra large column

Media

Snippets	Descriptions
media	Generates a Media
media:right	Generates a Media right
media:medium	Generates a Media middle
media:bottom	Generates a Media bottom
media:list	Generates a Media List

Responsive Utilities

Snippets	Descriptions
utilities:hidden_classes	Generates a Responsive hidden classes
utilities:visible_print	Generates a Responsive visible print
utilities:hidden_print	Generates a Responsive hidden print c

Content

Typography

Snippets	Descriptions
typography:text_muted	Generates a Text Muted
typography:display_heading	Generates a Display Heading
typography:lead	Generates a Lead

Tables

Snippets	Descriptions
tables:table	Generates a Table

Figures

Snippets	Descriptions
content:figure	Generates a Figure

Components

Buttons

Snippets	Descriptions
buttons	Generates a Button

Button group

Snippets	Descriptions
button-group	Generates a Button group

Button dropdown

Snippets	Descriptions
button-dropdown	Generates a Button dropdown

Forms

Snippets	Descriptions
form	Generates a Form Controls

Input group

Snippets	Descriptions
input-group	Generates an Input Group

Dropdowns

Snippets	Descriptions
dropdown	Generates a Dropdown

Jumbotron

Snippets	Descriptions
jumbotron	Generates a Jumbotron

Label

Snippets	Descriptions
label	Generates a Label

Alerts

Snippets	Descriptions
alerts:success	Generates an Alert success

Card

Snippets	Descriptions
Cards:	Generates a Cards

Navs

Snippets	Descriptions
nav	Generates a Nav

Navbar

Snippets	Descriptions
navbar:	Generates a Navbar

Breadcrumb

Snippets	Descriptions
breadcrumb	Generates a Breadcrumb

Pagination

Snippets	Descriptions
pagination	Generates a Pagination

Progress

Snippets	Descriptions
progress	Generates a Progress

List group

Snippets	Descriptions
list-group	Generates a List

Modal

Snippets	Descriptions
modal	Generates a Modal

Scrollspy

Snippets	Descriptions
scrollspy	Generates a Scrollspy

Tooltips

Snippets	Descriptions
tooltip	Generates a Tooltip

Popovers

Snippets	Descriptions
popover	Generates a Popover
popover:direction	Generates a Popover direction

Collapse

Snippets	Descriptions
collapse	Generates a Collapse
collapse:accordion	Generates a Collapse accordion

Carousel

Snippets	Descriptions
carousel	Generates a Carousel
carousel:caption	Generates a Carousel caption

---

Back to Top

---

License

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