Sublime-BuildBootstrap

Build Bootstrap interface elements for Sublime Text

This SublimeText plugin allows you to rapidly develop Bootstrap interface elements, including:

• Accordions
• Tabs - both vertical and horizontal
• Show/hide
• Various card layouts and colours - Card groups, Card decks (with and without card images), rainbow cards and columns

Note

• Each UI element is given a unique ID to avoid one element accidentally controlling another (eg. if you have two accordions on the one page)
• for card based interfaces, any more than three cards will automatically default to column view

Video tutorial

Build Bootstrap interface elements for Sublime Text (08:12)

Installation

Download Manually (only option available currently, sorry)

• Download the files using the GitHub 'Download Zip' option
• Unzip the files and rename the folder to BuildBootstrap
• Find your Packages directory using the ST menu item Preferences -> Browse Packages...
• Copy the folder into your Sublime Text Packages directory

Dependancies

This plugin invokes functions from other Sublime Text Packages:

• HTML-CSS-JS Prettify - Packages - Package Control

Please ensure that you have this plugin installed, prior to running BuildBootstrap

Usage

1. Launch Package Control
2. Type 'Build Bootstrap'
3. Choose Bootstrap interface element

Keyboard shortcuts (Mac) - Sorry Windows users, feel free to set your own.

Thes use a chain of two commands, in quick succession, eg: for For Build Accordion:

1. Hold down the three keys ⌃ + ⌥ + ⌘ - and keep them held down
2. Press B, then A in quick succession

Shortcuts

• ⌃⌥⌘B, ⌃⌥⌘A - Build Accordion
• ⌃⌥⌘B, ⌃⌥⌘T - Build Tabs (Vertical)
• ⌃⌥⌘B, ⌃⌥⌘H - Build Tabs (Horizontal)
• ⌃⌥⌘B, ⌃⌥⌘S - Build Show/Hide
• ⌃⌥⌘B, ⌃⌥⌘C - Build Card Group
• ⌃⌥⌘B, ⌃⌥⌘D - Build Card Deck
• ⌃⌥⌘B, ⌃⌥⌘I - Build Card Deck, with Images
• ⌃⌥⌘B, ⌃⌥⌘R - Build Rainbow Cards