Colección de snippets productivos para Bootstrap 5 pensados para acelerar el desarrollo HTML en Visual Studio Code.
Incluye layouts, grid system, formularios, componentes y utilidades comunes.
Template base
Trigger
Descripción
bs5
Template base HTML con Bootstrap 5
Contenedores
Trigger
Descripción
bs5-container
.container
bs5-container-fluid
.container-fluid
bs5-container-responsive
.container-{breakpoint}
Grid: filas y columnas
Trigger
Descripción
bs5-row
.row
bs5-col-auto
.col-auto
bs5-col-1
.col-1
bs5-col-2
.col-2
bs5-col-3
.col-3
bs5-col-4
.col-4
bs5-col-5
.col-5
bs5-col-6
.col-6
bs5-col-7
.col-7
bs5-col-8
.col-8
bs5-col-9
.col-9
bs5-col-10
.col-10
bs5-col-11
.col-11
bs5-col-12
.col-12
Imágenes
Trigger
Descripción
bs5-img
Imagen responsive (.img-fluid)
Tablas
Trigger
Descripción
bs5-table
Tabla Bootstrap
Formularios
Trigger
Descripción
bs5-input
Input
bs5-textarea
Textarea
bs5-check
Checkbox
bs5-radio
Radio
Accordion
Trigger
Descripción
bs5-accordion
Accordion
Alertas
Trigger
Descripción
bs5-alert
Alert
bs5-alert-dismissable
Alert con cierre
Breadcrumb
Trigger
Descripción
bs5-breadcrumb
Breadcrumb
bs5-breadcrumb-item
Item
bs5-breadcrumb-item-current
Item activo
Botones
Trigger
Descripción
bs5-btn
Botón
bs5-btn-group
Grupo de botones
bs5-close-btn
Botón cerrar
Cards
Trigger
Descripción
bs5-card-all
Card completa
bs5-card
Card
bs5-card-header
Header
bs5-card-body
Body
bs5-card-title
Título
bs5-card-link
Enlace
bs5-card-image
Imagen
bs5-card-text
Texto
Collapse
Trigger
Descripción
bs5-collapse-btn
Botón collapse
bs5-collapse
Contenido collapse
Dropdown
Trigger
Descripción
bs5-dropdown-btn
Dropdown con botón
bs5-dropdown-link
Dropdown con link
bs5-dropdown-item
Item
List group
Trigger
Descripción
bs5-list-group
List group
bs5-list-group-link
List group link
bs5-list-group-item
Item
bs5-list-group-item-link
Item link
Modal
Trigger
Descripción
bs5-modal
Modal
Navegación
Trigger
Descripción
bs5-nav
Nav
bs5-nav-item
Nav item
Paginación
Trigger
Descripción
bs5-pagination
Paginación
bs5-pagination-icons
Paginación con íconos
Otros componentes
Trigger
Descripción
bs5-progress-bar
Progress bar
bs5-spinner
Spinner
bs5-toast
Toast
bs5-colored-link
Link con color
bs5-ratio
Ratio responsive
Licencia
Este proyecto está bajo la licencia MIT.
Creado y mantenido por Pirulug.
