Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>bs4snippetsNew to Visual Studio Code? Get it now.
bs4snippets

bs4snippets

vsce login kavin

|
3,251 installs
| (0) | Free
Simple Bootstrap for snippets generator
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

bs4snippets

Features

This is an extension for creating bootstrap4 snippets.

1.Type !bs4 and you will get the basic bootstrap framework.

2.Just type !bs4 and you will see the auto-completions

3.For alerts, type !bs4alert- and you will see auto completions

a.Primary Alert(Colour:#CCE4FD/light blue)

b.Secondary Alert(Colour:#E2E3E5/light grey)

c.Success Alert(Colour:#D4EDDA/light green)

d.Danger Alert(Colour:#F8D7DA/red)

e.Warning Alert(Colour:#FEF3CD/yellow)

f.Info Alert(Colour:#D1ECF1/light bluish-green)

g.Light Alert(Colour:#D6D8D9/very light grey)

h.Dark Alert(Colour:#D6D8D9/dark grey)

4.For badge, type !bsbadge- and you will see auto completions

a.Primary Badge(#037AFB,Blue)

b.Secondary Badge(#6C757D,Grey)

c.Success Badge(#55A846,Green)

d.Danger Badge(#DC3C45,Red)

e.Warning Badge(#F7C133,Yellow)

f.Info Badge(#48A3B8,Turquoise)

g.Light Badge(#F8F9FA,Light grey)

h.Dark Badge(#343A40,Black)

5.For button, type !bsbtn- and you will see auto completions

a.Primary Button

b.Secondary Button

c.Success Button

d.Danger Button

e.Warning Button

f.Info Button

g.Light Button

h.Dark Button

6.For a card, type !bs4card-all

7.For a carousel, type !bs4carousel- and you will see auto completion(they are self-explanatory)

8.For a collapse, type !bs4collapse- and you will see auto completion(they are self-explanatory)

9.For a jumbotron, type !bs4jumbotron- and you will see auto completion 10.For a pagination, type !bs4pagination- and you will see auto completion

Requirements

Visual Studio Code version greater than 1.22.0

Release Notes

1.0.0

Initial release of bs4snippets

1.0.1

Change in Compatible Versions(Visual Studio Code)

1.1.0

Added Bootstrap Alerts

1.2.0

Added Bootstrap Badges

1.2.1

Added Bootstrap Buttons

Change in Compatible Versions(Visual Studio Code) >1.22.0

1.2.2

Adding Bootstrap Cards

1.2.3

Adding Bootstrap Carousel

1.2.4

Correcting Error(Error: Carousel controls not working, Same prefix for three carousels)

1.2.5

Adding Bootstap Collapse

1.2.6

Adding Bootstrap Jumbotron

1.2.7

Adding Bootstrap Pagination


  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft