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 Jump right into building with Bootstrap—use the CDN, install it via package manager.
Read installation docsInstall 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.
Add toggleable hidden elements, modals and offcanvas menus, popovers and tooltips, and so much.
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 color="primary">
Droppdown
</DropdownToggle>
<DropdownMenu>
<DropdownItem
v-for="item in [1, 2, 3]"
:key="item"
>
DropdownItem
</DropdownItem>
</DropdownMenu>
</Dropdown>
</template>
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.