bootstrap

Bootstrap Snippets for VS Code

January 09, 2021

Bootstrap Snippets 

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery

Bootstrap 5 Snippets | Install


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

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


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


VSCode - Bootstrap 5 Snippets | Install

Bootstrap Template

PrefixMethod
bst →bootstrap 5 starter template



Bootstrap 5  | Install

Bootstrap 5:

  • b5-* Components
  • b5-! Starter template
  • b5-example-* Examples
  • .* class text

Font Awesome 5.15.2:

  • ifa-cnd Font Awesome CDN link
  • ifa-free* Font Awesome all(1458) free icons
  • ifa-pro* Font Awesome all(2309) pro icons
  • .ifa* Font Awesome class text


Bootstrap 5 Snippets | Install