Build fast, responsive sites with Nuxt and Bootstrap
Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful Vue scripts.
npx nuxi@latest module add usebootstrap
Get started any way you want
Jump right into building with Bootstrap—use the CDN, install it via package manager.
Install via package manager
Install use-bootstrap’s source Vue Components files via npm. Package managed installs don’t include Bootstrap SCSS files.
npx nuxi@latest module add usebootstrap
Read our installation docs for more info and additional package managers.
Powerful Vue Components
Add toggleable hidden elements, modals and offcanvas menus, popovers and tooltips, and so much.
Vue Composition API
Why write more JavaScript when you can write HTML? Nearly all of Bootstrap's JavaScript plugins feature a first-class data API, allowing you to use JavaScript just by adding data
attributes.
<template>
<Dropdown>
<DropdownToggle button="primary">
Droppdown
</DropdownToggle>
<DropdownMenu>
<DropdownItem
v-for="item in [1,2,3]"
:key="item"
>
DropdownItem
</DropdownItem>
</DropdownMenu>
</Dropdown>
</template>
Comprehensive set of plugins
Bootstrap features a dozen plugins that you can drop into any project. Drop them in all at once, or choose just the ones you need.