Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Power SnnipetsNew to Visual Studio Code? Get it now.
Power Snnipets

Power Snnipets

Mahmood Hassan Rameem

|
508 installs
| (1) | Free
A Code Snippet Extention That Provides Most Common Using HTML Bootstrap Structure For Build A Website
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Power Snnipets

A Code Snippet Extention That Provides Most Common Using HTML Bootstrap Structure For Build A Website

Usage

To use the bootstrap snippets, open an HTML file, and start typing ps-, followed by pressing Ctrl+Space. A list of snippets will show up

Available Triggers

Triggers Description
ps-$ Basic HTML Structure (with Bootstrap 5 Navbar)
ps-slider Bootstrap Slider
ps-primary-button Bootstrap Primary Button
ps-secondary-button Bootstrap Secondary Button
ps-danger-button Bootstrap Danger Button
ps-warning-button Bootstrap Warning Button
ps-info-button Bootstrap Info Button
ps-dark-button Bootstrap Dark Button
ps-card Bootstrap Card
ps-1c Responsive 1 Column
ps-2c Responsive 2 Columns
ps-3c Responsive 3 Columns
ps-4c Responsive 4 Columns
ps-5/7c Responsive 5/7 Columns
ps-7/5c Responsive 7/5 Columns
ps-container Section With Container

Supported languages

  • HTML

Authors

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