vue中引用bootstrap版本3
时间: 2023-05-24 12:02:25 浏览: 307
用Vue2实现的Bootstrap3组件
可以通过以下步骤在 Vue 中引入 Bootstrap 3:
1. 通过 npm 安装所需的依赖:
```
npm install bootstrap@3 jquery popper.js
```
2. 在 main.js 中添加以下代码:
```javascript
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'
import 'jquery/dist/jquery.js'
import 'popper.js/dist/umd/popper.js'
```
3. 在需要使用 Bootstrap 的组件中,通过下面的方式引入:
```html
<template>
<div>
<div class="container">
<h1 class="text-center">Hello world!</h1>
</div>
</div>
</template>
```
提示:如果你想使用 Bootstrap 4,只需将 `@3` 改为 `@4` 。
阅读全文