Get started with bootstrap-vue CDN
MIT licensed
Bootstrap-Vue is a Vue.js component library that integrates Bootstrap.
Tags:- Bootstrap
- Bootstrap 4
- Bootstrap for Vue
- SSR
- Web
- Components
- Directives
- Polymer
- Vue
- VueJS
- Vue2
- WebComponents
- jquery
- Popper.js
- vue-strap
- vueify
- vuestrap
- CSS
- Flexbox
- Alert
- Breadcrumb
- Button
- Checkbox
- Radio
- Card
- Carousel
- Slider
- Collapse
- Dropdown
- Select
- Option
- Input
- Jumbotron
- List
- Nav
- Modal
- Upload
- Dropzone
- Navbar
- Pagination
- Popover
- Progress
- Tab
- Table
- Tag
- Tooltip
Stable version
Copied!
How to start using bootstrap-vue CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with bootstrap-vue CDN - cdnhub.io</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet"
>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap-vue@2.23.1/dist/bootstrap-vue.css"
rel="stylesheet"
>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<script src="https://cdn.cdnhub.io/bootstrap-vue/2.23.1/bootstrap-vue.min.js"></script>
</head>
<body>
<div id="app">
<b-container>
<b-row>
<b-col>
<b-form-group label="Select an option:" label-for="options">
<b-form-select id="options" v-model="selected">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</b-form-select>
</b-form-group>
</b-col>
</b-row>
</b-container>
</div>
<script>
new Vue({
el: "#app",
data: {
selected: null,
},
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!