BootstrapVue
Docs
Components
Directives
Icons
Reference
Misc
Play
v2.11.0
Latest (v2.11.0)
Development
GitHub
Twitter
Discord
Open Collective
Home
Getting started
Components
Alert
Aspect
New
Avatar
New
Badge
Breadcrumb
Button
Button Group
Button Toolbar
Calendar
Card
Carousel
Collapse
Dropdown
Embed
Form
Form Checkbox
Form Datepicker
Form File
Form Group
Form Input
Form Radio
Form Rating
New
Form Select
Form Spinbutton
Form Tags
Form Textarea
Form Timepicker
Image
Input Group
Jumbotron
Layout and Grid System
Link
List group
Media
Modal
Nav
Navbar
Overlay
Pagination
Pagination Nav
Popover
Progress
Sidebar
New
Spinner
Table
Tabs
Time
Toasts
Tooltip
Directives
Hover
Popover
Scrollspy
Tooltip
Visible
Icons
Reference
Accessibility
Color Variants
Component img src resolving
Router support
Size props and classes
Spacing classes
Starter Templates
Theming Bootstrap
Utility Classes
Form Validation
Misc
Changelog
Contributing
Settings
Third party libraries
Playground
Home
Docs
Reference
Reference
- table of contents
BootstrapVue and Bootstrap reference documentation
Accessibility
—
A brief overview of BootstrapVue's features and limitations for the creation of accessible content.
Color Variants
—
Color variants available when using the default Bootstrap v4 CSS and their mappings to CSS classes.
Component img src resolving
—
Using project relative image URLs for BootstrapVue custom components with vue-loader
Router support
—
Several BootstrapVue components support rendering <router-link> components compatible with Vue Router and Nuxt.js.
Size props and classes
—
Bootstrap v4 CSS provides several classes that control the sizing of elements, of which some of these have been translated into props on components.
Spacing classes
—
Bootstrap v4 CSS includes a wide range of shorthand responsive margin and padding utility classes to modify an element's appearance.
Starter Templates
—
There are several ways you can create your app, from basic client side HTML all the way up to using a build system and compilers.
Theming Bootstrap
—
Theming is accomplished by SASS variables, SASS maps, and custom CSS. There's no dedicated theme stylesheet; instead, you can enable the built-in theme to add gradients, shadows, and more.
Utility Classes
—
Bootstrap v4 CSS provides various utility classes to control color, spacing, flex-box, text alignment, floating, position, responsive display/hiding and much more.
Form Validation
—
BootstrapVue does not include form validation by default; we leave that up to the many existing form validation plugins. Included here are some examples of validation plugins and how they may be integrated.