Add Bootstrap 6 to a Project

This skill sets up Bootstrap 6 in a user's project. Pick the path that matches the project: CDN for the fastest start with no build step, or package manager (npm) for customizing Sass and bundling JS. For a full bundler-specific setup, use the dedicated bootstrap-npm, bootstrap-vite, bootstrap-webpack, or bootstrap-parcel skills instead.

Workflow

• Step 1: Choose an install path (CDN vs. package manager)
• Step 2: Install Bootstrap and dependencies
• Step 3: Include Bootstrap's CSS
• Step 4: Include Bootstrap's JavaScript
• Step 5: Verify

Step 1: Choose an install path

• CDN — no build step. Best for static pages, demos, and prototypes. Skip to the CDN section below.
• Package manager (npm) — required to customize Bootstrap's Sass tokens or tree-shake JS. Requires Node.js and a Sass compiler. Continue with the npm section.