Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/babobski/vscode-bootstrap-5-snippets

Vscode Bootstrap 5 snippets
https://github.com/babobski/vscode-bootstrap-5-snippets

Last synced: 27 days ago
JSON representation

Vscode Bootstrap 5 snippets

Awesome Lists containing this project

README

        

# Bootstrap 5 snippets for visual studio code (with Boilerplate)

## Supported snippets

b5**container**
*Expand to a bootstrap container*

b5**container-fluid**
*Expand to a bootstrap fluid container*

b5**container-responsive**
*Expand to a bootstrap responsive container(-sm, -md, -lg, -xl, -xxl)*

b5**row**
*Expand to a bootstrap row*

b5**grid**
*Expand to a bootstrap grid*

b5**col-1(-12 or -auto)**
*Expand to a bootstrap column with a optional size(-sm, -md)*

b5**gcol-1(-12 or -auto)**
*Expand to a bootstrap grid column with a optional size(-sm, -md)*

b5**img**
*Expand to a bootstrap img with a `.img-fluid` class*

b5**table**
*Expand to a bootstrap table*

b5**input**
*Expand to a bootstrap form control input*

b5**textarea**
*Expand to a bootstrap form control text-area*

b5**check** (b5**radio** as alias)
*Expand to a bootstrap checkbox or radio form control*

b5**accordion**
*Expand to a bootstrap accordion*

b5**accordionitem**
*Expand to a bootstrap accordion item*

b5**alert**
*Expand to a bootstrap alert*

b5**alertdismissable**
*Expand to a bootstrap dismissable alert*

b5**badge**
*Expand to a bootstrap badge*

b5**breadcrumb**
*Expand to a bootstrap breadcrumb*

b5**breadcrumbitem**
*Expand to a bootstrap breadcrumb item*

b5**b5breadcrumbitemcurrent**
*Expand to a bootstrap breadcrumb current item*

b5**btn**
*Expand to a bootstrap button*

b5**btnlink**
*Expand to a bootstrap link with button classes*

b5**btngroup**
*Expand to a bootstrap button group*

b5**card**
*Expand to a bootstrap card*

b5**cardheader**
*Expand to a bootstrap card header*

b5**cardbody**
*Expand to a bootstrap card body*

b5**cardtitle**
*Expand to a bootstrap card title*

b5**cardsubtitle**
*Expand to a bootstrap card sub title*

b5**cardlink**
*Expand to a bootstrap card link*

b5**cardimage**
*Expand to a bootstrap card image*

b5**cardtext**
*Expand to a bootstrap card text*

b5**cardclosebtn**
*Expand to a bootstrap close button*

b5**collapselink**
*Expand to a bootstrap collapse link*

b5**collapsebtn**
*Expand to a bootstrap collapse button*

b5**collapse**
*Expand to a bootstrap collapse area (with optional collapse-horizontal class)*

b5**dropdownbtn**
*Expand to a bootstrap dropdown button*

b5**dropdownlink**
*Expand to a bootstrap dropdown button build with an `a` element*

b5**dropdownitem**
*Expand to a bootstrap dropdown item*

b5**listgroup**
*Expand to a bootstrap list group*

b5**b5listgrouplink**
*Expand to a bootstrap list group with `a` elements*

b5**listgroupitem**
*Expand to a bootstrap list group item*

b5**listgroupitemlink**
*Expand to a bootstrap list group item link*

b5**modal**
*Expand to a bootstrap modal*

b5**nav**
*Expand to a bootstrap nav*

b5**navitem**
*Expand to a bootstrap nav item*

b5**b5offcanvasbtn**
*Expand to a bootstrap offcanvas button*

b5**b5offcanvaslink**
*Expand to a bootstrap offcanvas link*

b5**b5offcanvas**
*Expand to a bootstrap offcanvas element*

b5**pagination**
*Expand to a bootstrap pagination*

b5**paginationicons**
*Expand to a bootstrap pagination with icons*

b5**placeholder**
*Expand to a bootstrap placeholder (with optional col, width, bg and sizes class)*

b5**placeholderclass**
*Expand to a bootstrap placeholder animation class (glow or wave)*

b5**progressbar**
*Expand to a bootstrap progressbar*

b5**spinner**
*Expand to a bootstrap spinner*

b5**toast**
*Expand to a bootstrap toast*

b5**coloredlink**
*Expand to a bootstrap colored link*

b5**ratio**
*Expand to a bootstrap ratio div*

b5**carousel**
*Expand to a Bootstrap carousel*

b5**form**
*Expand to a Bootstrap form*

b5**formbutton**
*Expand to a Bootstrap form button*

b5**formcheck**
*Expand to a Bootstrap form check*

b5**formfloatinginput**
*Expand to a Bootstrap form floating input*

b5**formfloatingselect**
*Expand to a Bootstrap form floating select*

b5**formfloatingtextarea**
*Expand to a Bootstrap form floating textarea*

b5**formgrange**
*Expand to a Bootstrap form range input*

b5**formhorizontalinput**
*Expand to a Bootstrap horizontal form input*

b5**formhorizontalrange**
*Expand to a Bootstrap horizontal form range input*

b5**formhorizontalselect**
*Expand to a Bootstrap horizontal form select*

b5**formhorizontaltextarea**
*Expand to a Bootstrap horizontal form textarea*

b5**forminput**
*Expand to a Bootstrap form input*

b5**forminputgroup**
*Expand to a Bootstrap form input group*

b5**forminputgrouptextarea**
*Expand to a Bootstrap form input group with textarea*

b5**formradio**
*Expand to a Bootstrap form radio input*

b5**formselect**
*Expand to a Bootstrap form select*

b5**formswitchcheck**
*Expand to a Bootstrap form switch check*

b5**formswitchradio**
*Expand to a Bootstrap form switch radio input*

b5**formtextarea**
*Expand to a Bootstrap form textarea*

b5**htmlboilerplate**
*Expand to a Bootstrap HTML boilerplate*

b5**htmlfullboilerplate**
*Expand to a full Bootstrap HTML boilerplate*

b5**jumbotron**
*Expand to a Bootstrap jumbotron*

b5**navbar**
*Expand to a Bootstrap navbar*

b5**offcanvasnavbar**
*Expand to a Bootstrap off-canvas navbar*