👢 Add Bootstrap to Svelte

This is an adder for svelte-add; you should read its README before continuing here.

➕ Adding Bootstrap

This adder's codename is bootstrap, and can be used like so:

npx svelte-add@latest bootstrap

🏞 Supported environments

This adder supports SvelteKit and Vite-powered Svelte apps (all the environments svelte-add currently supports).

⚙️ Options

This adder doesn't take any options of its own.

🛠 Using Bootstrap

After the adder runs,

  • You can use Bootstrap classes like card or pt-5 in the markup (components, routes, app.html).

  • You can customize your Bootstrap theme with variables like $primary or $grid-breakpoints in src/variables.scss.

  • The @popperjs/core package is installed to satisfy bootstrap's peer dependency on it. You can safely ignore it, or uninstall it if you can do so without introducing package manager errors.

Top categories

Loading Svelte Themes