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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| Trigger |
Description |
| bs3-form |
Form |
| bs3-form:horizontal |
Horizontal Form |
| bs3-form:inline |
Inline Form |
| 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) |
| 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 |
| 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 |
| Trigger |
Description |
| bs3-page-header |
Page Header |
| 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.
| |
