Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Snippets for MDB 5 Standard

NotificationsYou must be signed in to change notification settings

mdbootstrap/MDB-5-Standard-snippets

Repository files navigation

This extension adds snippets for MDB 5 Standard - Material Design for Bootstrap 5 UI KIT

Usage

Usage

Type part of snippet selector and pressenter.

Alternatively, pressCtrl+Space (Windows, Linux) orCmd+Space (Mac OS) to display snippets list.

Snippets list

You can find list of available snippets below:

Fundamentals

SnippetDescription
s-mdb-html-starterMDB HTML starter
s-mdb-basic-layoutMDB Basic layout

Layout

SnippetDescription
s-mdb-grid-2colMDB Grid 2 columns
s-mdb-grid-3colMDB Grid 3 columns
s-mdb-grid-4colMDB Grid 4 columns
s-mdb-grid-centeredMDB Grid centered column
s-mdb-sectionMDB Section

Content & styles

SnippetDescription
s-mdb-hover-effectsMDB Hover effects
s-mdb-iconMDB Icon
s-mdb-noteMDB Note

Navigation

SnippetDescription
s-mdb-footerMDB Footer
s-mdb-header-jumbotronMDB Header with jumbotron
s-mdb-header-imageMDB Header with image
s-mdb-navbarMDB Navbar
s-mdb-paginationMDB Pagination
s-mdb-pillsMDB Pills

Components

SnippetDescription
s-mdb-buttonMDB Button
s-mdb-button-linkMDB Button link
s-mdb-button-floatingMDB Button floating
s-mdb-button-socialMDB Button social
s-mdb-cardMDB Card
s-mdb-card-emptyMDB Card empty
s-mdb-card-imageMDB Card image
s-mdb-card-complexMDB Card complex
s-mdb-list-groupMDB List group
s-mdb-modalMDB Modal

Forms

SnippetDescription
s-mdb-formMDB Form
s-mdb-checkboxMDB Checkbox
s-mdb-radioMDB Radio
s-mdb-inputMDB Input
s-mdb-textareaMDB Textarea

Data

SnippetDescription
s-mdb-tableMDB Table

Utilities

SnippetDescription
s-mdb-embedMDB Embed
s-mdb-ripple-colorMDB Ripple color
s-mdb-dividerMDB Divider

Installation

  1. Launch Visual Studio Code
  2. Go to extensions tab -Ctrl-Shift-X (Windows, Linux) orCmd-Shift-X (OSX)
  3. Search for 'MDB 5 Standard snippets'
  4. Choose the extension
  5. Install extension and reload Visual Studio Code

[8]ページ先頭

©2009-2025 Movatter.jp