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.