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

Bulma Snippets

Nocteria

|
506 installs
| (0) | Free
Pro Bulma snippets.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Pro Bulma Snippets

This is THE extension YOU need to build Bulma-based websites.

The Nocturne Team is always notified when a new version of Bulma is released, so we can maintain this project and give you all latest Bulma's features you need to make a good website!

Snippets

  • b$ : Import Bulma from the official CDN.

Containers :

  • b-con : Simple container
  • b-fcon : Fluid container
  • b-centered : Centered container
  • b-media : Media box
  • b-media-text : Same as above but with a textarea
  • b-level : Levels manager
  • b-tile : Tiles manager

Forms :

  • b-field : Form field
  • b-input : Form input
  • b-input-icon : Text input with an icon
  • b-submit : Submit button
  • b-textarea : Text Area

Heading & Foot :

  • b-head : Heading container
  • b-title : Simple title
  • b-subtitle : Simple subtitle
  • b-section : Section separator
  • b-footer : Page footer

Miscellaneous :

  • b-button : "<a>" button
  • b-link : "<a>" link
  • b-ctext : "<p>" centered text

Hero :

  • b-hero : Hero container
  • b-hero-sm : Small Hero container
  • b-hero-full : Full Hero container

Columns :

  • b-row : Add a line
  • b-crow : Add a vertically centered line
  • b-col : Add a column
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft