This extension content all main snippets of CSS framework Bulma to make it easy to build a website.
You can find full documentation to Bulma on bulma.io
Details
Use 'b_' in HTML document to call the snippets.
Snippets
| Trigger |
Description |
| b_html |
Generate basic Bulma HTML |
| Trigger |
Description |
| b_columns |
Four basic columns |
| b_columns_1 |
One basic column |
| b_columns_2 |
Two basic columns |
| b_columns_3 |
Three basic columns |
| b_columns_o |
Column with offset |
| b_columns_c |
Four basic columns |
| Trigger |
Description |
| b_container |
Basic of container |
| b_container_fluid |
32px margin on the left and right sides |
| b_container_wide |
a fullwidth container until those specific breakpoints |
| b_container_fullhd |
This container is fullwidth until the $fullhd breakpoint |
| Trigger |
Description |
| b_level |
Basic Level |
| b_level_c |
Centered Level |
| Trigger |
Description |
| b_media |
Basic Level |
| Trigger |
Description |
| b_hero |
Basic Hero |
| b_hero_3 |
Hero with header, body and footer |
| Trigger |
Description |
| b_section |
Basic Section |
| Trigger |
Description |
| b_footer |
Basic Footer |
| Trigger |
Description |
| b_form |
Basic Form input |
| b_input |
Input Form |
| b_textarea |
Textarea Form |
| b_select |
Select Form |
| b_checkbox |
Checkbox Form |
| b_radio |
Radio Form |
| b_file |
file Form |
| b_form_f |
Form field container |
| b_form_fi |
Form field container with icons |
| b_help |
Help text for Form |
| Trigger |
Description |
| b_block |
Basic Block |
| Trigger |
Description |
| b_box |
Basic Box |
| Trigger |
Description |
| b_button |
Basic Button |
| b_button_icon |
Button With Icon |
| b_button_group |
Button Group |
| b_button_addons |
Button addons |
| Trigger |
Description |
| b_content |
Basic Content |
| Trigger |
Description |
| b_delete |
Basic Delete button |
| Trigger |
Description |
| b_icon |
Basic Icon |
| Trigger |
Description |
| b_img |
Basic Image |
| Trigger |
Description |
| b_notice |
Basic Notification |
| Trigger |
Description |
| b_progress |
Basic Progress Bar |
| Trigger |
Description |
| b_table |
Basic Table |
| Trigger |
Description |
| b_tag |
Basic Tag |
| b_tag_list |
List of tags |
| Trigger |
Description |
| b_title |
Basic Title |
| b_subtitle |
Basic Substile |
| Trigger |
Description |
| b_breadcrumb |
Basic Breadcrumb |
| Trigger |
Description |
| b_card |
Basic Card |
| b_card_full |
Card with header and footer |
| Trigger |
Description |
| b_dropdown |
Basic Dropdown |
| Trigger |
Description |
| b_menu |
Basic Menu |
| Trigger |
Description |
| b_message |
Basic Message |
| Trigger |
Description |
| b_modal |
Basic Modal |
| Trigger |
Description |
| b_navbar |
Basic navbar |
| Trigger |
Description |
| b_pagination |
Basic Pagination |
| Trigger |
Description |
| b_panel |
Basic Panel |
| Trigger |
Description |
| b_tabs |
Basic Tabs |