Skip to content
Bootstrap v4.3.1 Snippets
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
messages 1.0.2 May 30, 2019
snippets 1.0.2 May 30, 2019
README.md 1.0.2 May 30, 2019
messages.json 1.0.2 May 30, 2019

README.md

Bootstrap 4.3 - Sublime Snippets

A sublime plugin complete with Bootstrap 4.3 snippets

👉 Bootstrap 4.3 - Sublime Snippets - (Currently Bootstrap v4.3.1)

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

🌐 proficientdesigners.com
:octocat: Issues

 

Installation

There are 3 methods for installing this plugin.

  1. Search for "Bootstrap 4.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 3 packages directory. git clone https://github.com/proficientdesigners/sublime-text-bs4-snippets.git

  3. Download the .zip file and unzip it into your Sublime Text 3 packages directory. Note: You can find your Sublime Text 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 b4btn to find the b4-btn 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.

Snippets

Getting Started

List of Snippets
b4-accordian
b4-alert-link
b4-alert
b4-badge-link
b4-badge-pill
b4-badge
b4-breadcrumb
b4-btn-group-toggle
b4-btn-group
b4-btn-outline
b4-btn
b4-card-header-footer
b4-card-primary
b4-card-horizontal
b4-card-img
b4-card-kitchen-sink
b4-card-list
b4-card-quote
b4-card-title-text-links
b4-card
b4-carousel-crossfade
b4-carousel-slides-only
b4-carousel-with-controls-indicators-captions
b4-carousel-with-controls-indicators
b4-carousel-with-controls
b4-collapse
b4-dropdown-button
b4-dropdown-link
b4-dropdown-split-btn
b4-button-addon-dropdown
b4-button-addon
b4-checkbox-inline
b4-checkbox
b4-custom-checkbox
b4-custom-file
b4-custom-radio
b4-custom-range
b4-custom-select
b4-custom-radio
b4-form-grid
b4-form-horizontal
b4-form-inline
b4-form-row
b4-form-tooltip-validation
b4-form-validation
b4-form
b4-radio-inline
b4-radio
b4-segmented-button
b4-jumbotron-fluid
b4-jumbotron
b4-listgroup-badges
b4-listgroup-btn
b4-listgroup-custom-content
b4-listgroup-flush
b4-listgroup-horizontal
b4-listgroup-link
b4-media-align
b4-media-list
b4-media-nesting
b4-media
b4-modal
b4-nav-align-horizontal
b4-nav-align-vertical
b4-nav-pills-horizontal
b4-nav-pills-vertical
b4-nav-tabs
b4-navbar
b4-pagination
b4-popover
b4-progress-multiple
b4-progress
b4-scrollspy-listgroup
b4-scrollspy-nested
b4-scrollspy
b4-spinner-border
b4-spinner-grow
b4-toast
b4-tooltip
b4-figure
b4-picture
b4-cdn-css
b4-cdn-js
b4-starter-template
b4-table
b4-blockquote
b4-custom-headings
b4-lead
b4-list-inline
b4-list-unstyled
b4-close-icon
b4-embed
b4-embed-1:1
b4-embed-4:3
b4-embed-16:9
b4-embed-21:9
b4-image-replacement
b4-screen-readers
b4-stretched-link

Back to Top


Created & maintained by

proficientdesigners

License

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

You can’t perform that action at this time.