Back to Skills

bootstrap-vue3

verified

Provides comprehensive guidance for Bootstrap Vue 3 component library including Bootstrap components, grid system, utilities, and Vue 3 integration. Use when the user asks about Bootstrap Vue 3, needs to use Bootstrap components in Vue 3, or implement responsive layouts.

View on GitHub

Marketplace

full-stack-skills

partme-ai/full-stack-skills

Plugin

development-skills-utils

Repository

partme-ai/full-stack-skills
39stars

skills/bootstrap-vue3/SKILL.md

Last Verified

February 1, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/bootstrap-vue3/SKILL.md -a claude-code --skill bootstrap-vue3

Installation paths:

Claude
.claude/skills/bootstrap-vue3/
Powered by add-skill CLI

Instructions

## When to use this skill

Use this skill whenever the user wants to:
- Build Vue 3 applications with Bootstrap Vue components
- Use Bootstrap UI components (Button, Form, Table, Modal, etc.)
- Create responsive layouts with Bootstrap grid
- Use Bootstrap Vue directives (v-b-tooltip, v-b-popover, v-b-modal)
- Implement forms with Bootstrap styling
- Display data in Bootstrap tables
- Create modals and alerts
- Use Bootstrap navigation components
- Customize Bootstrap themes
- Migrate from Bootstrap Vue 2.x to 3.0

## How to use this skill

This skill is organized to match the Bootstrap Vue 3.0 official documentation structure (https://bootstrap-vue.org/docs, https://bootstrap-vue.org/docs/components). When working with Bootstrap Vue 3.0:

1. **Identify the topic** from the user's request:
   - Getting started/快速开始 → `examples/getting-started/installation.md` or `examples/getting-started/basic-usage.md`
   - Button/按钮 → `examples/components/button.md`
   - Form/表单 → `examples/components/form.md`
   - Table/表格 → `examples/components/table.md`
   - Modal/模态框 → `examples/components/modal.md`
   - Alert/警告框 → `examples/components/alert.md`
   - Navbar/导航栏 → `examples/components/navbar.md`
   - Grid/栅格 → `examples/components/grid.md`
   - Directives/指令 → `examples/directives/tooltip.md` or `examples/directives/modal.md`

2. **Load the appropriate example file** from the `examples/` directory:

   **Getting Started (快速开始) - `examples/getting-started/`**:
   - `examples/getting-started/installation.md` - Installing Bootstrap Vue and basic setup
   - `examples/getting-started/basic-usage.md` - Basic component usage

   **Components (组件) - `examples/components/`**:
   - `examples/components/button.md` - Button component
   - `examples/components/form.md` - Form components
   - `examples/components/input.md` - Input component
   - `examples/components/table.md` - Table component
   - `examples/components/modal.md` - Modal component
   - `examples/components/alert.md` - Alert c

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
6675 chars