Skip to content

babobski/vscode-bootstrap-5-snippets

Repository files navigation

Bootstrap 5 snippets for visual studio code (with Boilerplate)

Supported snippets

b5container
Expand to a bootstrap container

b5container-fluid
Expand to a bootstrap fluid container

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

b5row
Expand to a bootstrap row

b5grid
Expand to a bootstrap grid

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

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

b5img
Expand to a bootstrap img with a .img-fluid class

b5table
Expand to a bootstrap table

b5input
Expand to a bootstrap form control input

b5textarea
Expand to a bootstrap form control text-area

b5check (b5radio as alias)
Expand to a bootstrap checkbox or radio form control

b5accordion
Expand to a bootstrap accordion

b5accordionitem
Expand to a bootstrap accordion item

b5alert
Expand to a bootstrap alert

b5alertdismissable
Expand to a bootstrap dismissable alert

b5badge
Expand to a bootstrap badge

b5breadcrumb
Expand to a bootstrap breadcrumb

b5breadcrumbitem
Expand to a bootstrap breadcrumb item

b5b5breadcrumbitemcurrent
Expand to a bootstrap breadcrumb current item

b5btn
Expand to a bootstrap button

b5btnlink
Expand to a bootstrap link with button classes

b5btngroup
Expand to a bootstrap button group

b5card
Expand to a bootstrap card

b5cardheader
Expand to a bootstrap card header

b5cardbody
Expand to a bootstrap card body

b5cardtitle
Expand to a bootstrap card title

b5cardsubtitle
Expand to a bootstrap card sub title

b5cardlink
Expand to a bootstrap card link

b5cardimage
Expand to a bootstrap card image

b5cardtext
Expand to a bootstrap card text

b5cardclosebtn
Expand to a bootstrap close button

b5collapselink
Expand to a bootstrap collapse link

b5collapsebtn
Expand to a bootstrap collapse button

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

b5dropdownbtn
Expand to a bootstrap dropdown button

b5dropdownlink
Expand to a bootstrap dropdown button build with an a element

b5dropdownitem
Expand to a bootstrap dropdown item

b5listgroup
Expand to a bootstrap list group

b5b5listgrouplink
Expand to a bootstrap list group with a elements

b5listgroupitem
Expand to a bootstrap list group item

b5listgroupitemlink
Expand to a bootstrap list group item link

b5modal
Expand to a bootstrap modal

b5nav
Expand to a bootstrap nav

b5navitem
Expand to a bootstrap nav item

b5b5offcanvasbtn
Expand to a bootstrap offcanvas button

b5b5offcanvaslink
Expand to a bootstrap offcanvas link

b5b5offcanvas
Expand to a bootstrap offcanvas element

b5pagination
Expand to a bootstrap pagination

b5paginationicons
Expand to a bootstrap pagination with icons

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

b5placeholderclass
Expand to a bootstrap placeholder animation class (glow or wave)

b5progressbar
Expand to a bootstrap progressbar

b5spinner
Expand to a bootstrap spinner

b5toast
Expand to a bootstrap toast

b5coloredlink
Expand to a bootstrap colored link

b5ratio
Expand to a bootstrap ratio div

b5carousel
Expand to a Bootstrap carousel

b5form
Expand to a Bootstrap form

b5formbutton
Expand to a Bootstrap form button

b5formcheck
Expand to a Bootstrap form check

b5formfloatinginput
Expand to a Bootstrap form floating input

b5formfloatingselect
Expand to a Bootstrap form floating select

b5formfloatingtextarea
Expand to a Bootstrap form floating textarea

b5formgrange
Expand to a Bootstrap form range input

b5formhorizontalinput
Expand to a Bootstrap horizontal form input

b5formhorizontalrange
Expand to a Bootstrap horizontal form range input

b5formhorizontalselect
Expand to a Bootstrap horizontal form select

b5formhorizontaltextarea
Expand to a Bootstrap horizontal form textarea

b5forminput
Expand to a Bootstrap form input

b5forminputgroup
Expand to a Bootstrap form input group

b5forminputgrouptextarea
Expand to a Bootstrap form input group with textarea

b5formradio
Expand to a Bootstrap form radio input

b5formselect
Expand to a Bootstrap form select

b5formswitchcheck
Expand to a Bootstrap form switch check

b5formswitchradio
Expand to a Bootstrap form switch radio input

b5formtextarea
Expand to a Bootstrap form textarea

b5htmlboilerplate
Expand to a Bootstrap HTML boilerplate

b5htmlfullboilerplate
Expand to a full Bootstrap HTML boilerplate

b5jumbotron
Expand to a Bootstrap jumbotron

b5navbar
Expand to a Bootstrap navbar

b5offcanvasnavbar
Expand to a Bootstrap off-canvas navbar