Skip to content

wcwhitehead/bootstrap-3-snippets

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bootstrap 3 Snippets

A set of Bootstrap 3 Snippets for Visual Studio Code.

Create a new HTML document and type 'bs3' to see all available snippets.

Available Snippets

Alerts

Trigger Description
bs3-alert Alert Box (Default)
bs3-alert:danger Danger Alert Box
bs3-alert:info Info Alert Box
bs3-alert:success Success Alert Box
bs3-alert:warning Warning Alert Box

Badges

Trigger Description
bs3-badge Badge (Default)

Breadcrumbs

Trigger Description
bs3-breadcrumbs Breadcrumbs

Buttons

Trigger Description
bs3-button Button
bs3-button:default Default Button
bs3-button:danger Danger Button
bs3-button:disabled Disabled Button
bs3-button:info Info Button
bs3-button:primary Primary Button
bs3-button:success Success Button
bs3-button:warning Warning Button

Buttons: Block

Trigger Description
bs3-block-button Block Button
bs3-block-button:default Default Block Button
bs3-block-button:danger Danger Block Button
bs3-block-button:disabled Disabled Block Button
bs3-block-button:info Info Block Button
bs3-block-button:primary Primary Block Button
bs3-block-button:success Success Block Button
bs3-block-button:warning Warning Block Button

Buttons: Block Link

Trigger Description
bs3-block-link-button Block Link Button
bs3-block-link-button:default Default Block Link Button
bs3-block-link-button:danger Danger Block Link Button
bs3-block-link-button:disabled Disabled Block Link Button
bs3-block-link-button:info Info Block Link Button
bs3-block-link-button:primary Primary Block Link Button
bs3-block-link-button:success Success Block Link Button
bs3-block-link-button:warning Warning Block Link Button

Buttons: Extra Small

Trigger Description
bs3-xs-button Extra Small Button
bs3-xs-button:default Extra Small Default Button
bs3-xs-button:danger Extra Small Danger Button
bs3-xs-button:disabled Extra Small Disabled Button
bs3-xs-button:info Extra Small Info Button
bs3-xs-button:primary Extra Small Primary Button
bs3-xs-button:success Extra Small Success Button
bs3-xs-button:warning Extra Small Warning Button

Buttons: Extra Small Link

Trigger Description
bs3-xs-link-button Extra Small Link Button
bs3-xs-link-button:default Default Extra Small Link Button
bs3-xs-link-button:danger Danger Extra Small Link Button
bs3-xs-link-button:disabled Disabled Extra Small Link Button
bs3-xs-link-button:info Info Extra Small Link Button
bs3-xs-link-button:primary Primary Extra Small Link Button
bs3-xs-link-button:success Success Extra Small Link Button
bs3-xs-link-button:warning Warning Extra Small Link Button

Buttons: Small

Trigger Description
bs3-sm-button Small Button
bs3-sm-button:default Small Default Button
bs3-sm-button:danger Small Danger Button
bs3-sm-button:disabled Small Disabled Button
bs3-sm-button:info Small Info Button
bs3-sm-button:primary Small Primary Button
bs3-sm-button:success Small Success Button
bs3-sm-button:warning Small Warning Button

Buttons: Small Link

Trigger Description
bs3-sm-link-button Small Link Button
bs3-sm-link-button:default Default Small Link Button
bs3-sm-link-button:danger Danger Small Link Button
bs3-sm-link-button:disabled Disabled Small Link Button
bs3-sm-link-button:info Info Small Link Button
bs3-sm-link-button:primary Primary Small Link Button
bs3-sm-link-button:success Success Small Link Button
bs3-sm-link-button:warning Warning Small Link Button

Buttons: Large

Trigger Description
bs3-lg-button Large Button
bs3-lg-button:default Large Default Button
bs3-lg-button:danger Large Danger Button
bs3-lg-button:disabled Large Disabled Button
bs3-lg-button:info Large Info Button
bs3-lg-button:primary Large Primary Button
bs3-lg-button:success Large Success Button
bs3-lg-button:warning Large Warning Button

Buttons: Large Link

Trigger Description
bs3-lg-link-button Large Link Button
bs3-lg-link-button:default Default Large Link Button
bs3-lg-link-button:danger Danger Large Link Button
bs3-lg-link-button:disabled Disabled Large Link Button
bs3-lg-link-button:info Info Large Link Button
bs3-lg-link-button:primary Primary Large Link Button
bs3-lg-link-button:success Success Large Link Button
bs3-lg-link-button:warning Warning Large Link Button

Buttons: Link

Trigger Description
bs3-link-button Link Button
bs3-link-button:default Default Link Button
bs3-link-button:danger Danger Link Button
bs3-link-button:disabled Disabled Link Button
bs3-link-button:info Info Link Button
bs3-link-button:primary Primary Link Button
bs3-link-button:success Success Link Button
bs3-link-button:warning Warning Link Button

Buttons: Groups & Toolbar

Trigger Description
bs3-group Button Group
bs3-group:vertical Vertical Button Group
bs3-link-group Link Button Group
bs3-link-group:vertical Vertical Link Button Group
bs3-toolbar Toolbar for Button Groups

Carousel

Trigger Description
bs3-carousel Carousel

CDN Links

Trigger Description
bs3-cdn CDN Hosted Bootstrap Link: CSS & JS
bs3-cdn:css CDN Hosted Bootstrap Link: CSS Only
bs3-cdn:js CDN Hosted Bootstrap Link: JS Only

Clearfix

Trigger Description
bs3-clearfix Clearfix

Forms

Trigger Description
bs3-form Form
bs3-form:horizontal Horizontal Form
bs3-form:inline Inline Form

Form Inputs (Fields) & Select

Trigger Description
bs3-form:label Form Input Label
bs3-input:hidden Hidden Input
bs3-input:checkbox Checkbox
bs3-input:color Color Input
bs3-input:color:h Color Input (Horizontal)
bs3-input:date Date Input
bs3-input:date:h Date Input (Horizontal)
bs3-input:email Email Input
bs3-input:email:h Email Input (Horizontal)
bs3-input:label Input Label
bs3-input:month Month Input
bs3-input:month:h Month Input (Horizontal)
bs3-input:number Number Input
bs3-input:number:h Number Input (Horizontal)
bs3-input:password Password Input
bs3-input:password:h Password Input (Horizontal)
bs3-input:radio Radio Input
bs3-input:range Range Input
bs3-input:range:h Range Input (Horizontal)
bs3-input:reset Reset Input
bs3-input:reset:h Reset Input (Horizontal)
bs3-input:search Search Input
bs3-input:search:h Search Input (Horizontal)
bs3-input:select Select Input
bs3-input:select:h Select Input (Horizontal)
bs3-input:submit Submit Button
bs3-input:tel Telephone Input
bs3-input:tel:h Telephone Input (Horizontal)
bs3-input:text Text Input
bs3-input:text:h Text Input (Horizontal)
bs3-input:time Time Input
bs3-input:time:h Time Input (Horizontal)
bs3-input:url URL Input
bs3-input:url:h URL Input (Horizontal)
bs3-input:week Week Input
bs3-input:week:h Week Input (Horizontal)
bs3-select Select
bs3-select:h Select (Horizontal)
bs3-textarea Textarea
bs3-textarea:h Textarea (Horizontal)

Form Input Groups

Trigger Description
bs3-input-group Input Group
bs3-input-group-addon Input Group (addon)
bs3-input-group:addon:text Input Group (addon & text-field)
bs3-input-group-btn Input Group (button)
bs3-input-group:text:btn Input Group (text-field & btn)

Grid: Container, Columns, Row

Trigger Description
bs3-container Container
bs3-col Column (no number specified)
bs3-col:1 1 Column
bs3-col:2 2 Columns
bs3-col:3 3 Columns
bs3-col:4 4 Columns
bs3-col:5 5 Columns
bs3-col:6 6 Columns
bs3-col:7 7 Columns
bs3-col:8 8 Columns
bs3-col:9 9 Columns
bs3-col:10 10 Columns
bs3-col:11 11 Columns
bs3-col:12 12 Columns
bs3-row Row
bs3-row-col Row & Column (no number specified)

Icons

Trigger Description
bs3-icon Icon
bs3-icon:glyphicon Glyphicon

Images

Trigger Description
bs3-image Responsive Image
bs3-thumbnail Thumbnail
bs3-thumbnail:content Thumbnail (with Content)

Jumbotron

Trigger Description
bs3-jumbotron Jumbotron

Labels

Trigger Description
bs3-label Label
bs3-label:danger Danger Label
bs3-label:default Default Label
bs3-label:info Info Label
bs3-label:success Success Label
bs3-label:warning Warning Label

List Groups

Trigger Description
bs3-list-group List Group
bs3-list-group:badges List Group (with Badges)
bs3-list-group:linked List Group (with Linked List)
bs3-list-group:content List Group (with Content)

Local

Trigger Description
bs3-local Local Bootstrap Link

Media Objects

Trigger Description
bs3-media-object Media Object

Modal

Trigger Description
bs3-modal Modal

Navigation

Trigger Description
bs3-navbar Navbar
bs3-navbar:basic Navbar (Basic)
bs3-navbar:brand Navbar Brand Element
bs3-navbar:button Navbar Button
bs3-navbar:form Navbar Form
bs3-navbar:link Navbar Link
bs3-navbar:links Navbar Links
bs3-navbar:text Navbar Text
bs3-navbar:fixed-bottom Navbar Fixed-Bottom
bs3-navbar:fixed-top Navbar Fixed-Top
bs3-navbar:inverse Navbar Inverse
bs3-navbar:responsive Navbar Responsive
bs3-navbar:static-top Navbar Static-Top

Page Header

Trigger Description
bs3-page-header Page Header

Pagination

Trigger Description
bs3-pager Pager
bs3-pager:aligned Aligned Pager
bs3-pagination Pagination
bs3-pagination:sm Pagination (Small)
bs3-pagination:lg Pagination (Large)

Panels

Trigger Description
bs3-panel Panel
bs3-panel:heading Panel (with Heading)
bs3-panel:footer Panel (with Footer)
bs3-panel:table Panel (with Table)
bs3-panel:danger Panel (Danger)
bs3-panel:info Panel (Info)
bs3-panel:primary Panel (Primary)
bs3-panel:success Panel (Success)
bs3-panel:warning Panel (Warning)

Progress Bars

Trigger Description
bs3-progress Progress Bar
bs3-progress-striped Striped Progress Bar
bs3-progress:label Progress Bar with Label
bs3-progress-striped:label Striped Progress Bar with Label
bs3-progress:success Progress Bar (Success)
bs3-progress-striped:success Striped Progress Bar (Success)
bs3-progress:info Progress Bar (Info)
bs3-progress-striped:info Striped Progress Bar (Info)
bs3-progress:warning Progress Bar (Warning)
bs3-progress-striped:warning Striped Progress Bar (Warning)
bs3-progress:danger Progress Bar (Danger)
bs3-progress-striped:danger Striped Progress Bar (Danger)

Tables

Trigger Description
bs3-table Table
bs3-table:bordered Bordered Table
bs3-table:condensed Condensed Table
bs3-table:hover Hover Table
bs3-table:responsive Responsive Table
bs3-table:striped Striped Table

Tabs

Trigger Description
bs3-tabs Tabs

Templates

Trigger Description
bs3-template:html5 HTML5 Template Layout

Wells

Trigger Description
bs3-well Well
bs3-well:sm Small Well
bs3-well:lg Large Well

Source

Github

All snippets have been sourced from the Bootstrap 3 - Sublime Plugin

License

This Visual Studio Code extension is open-source software licensed under the MIT license.

About

Bootstrap 3 Snippets for Visual Studio Code

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published