use-bootstrap

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.

Read the docs

Get started any way you want

Jump right into building with Bootstrap—use the CDN, install it via package manager.

Read installation docs

Install via package manager

Install use-bootstrap’s source Vue Components files via npm. Package managed installs don’t include Bootstrap SCSS files.

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.

Learn more about use-bootstrap Components

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.

vue

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.

Alert

Show and hide alert messages to your users.

Button

Programmatically control the active state for buttons.

Carousel

Add slideshows to any page, including support for crossfade.

Collapse

Expand and collapse areas of content, or create accordions.

Dropdown

Create menus of links, actions, forms, and more.

Modal

Add flexible and responsive dialogs to your project.

Offcanvas

Build and toggle hidden sidebars into any page.

Popover

Create custom overlays. Built on Popper.

Scrollspy

Automatically update active nav links based on page scroll.

Tab

Allow Bootstrap nav components to toggle contents.

Toast

Show and hide notifications to your visitors.

Tooltip

Replace browser tooltips with custom ones. Built on Popper.