vue引入Bootstrap

要在Vue项目中使用Bootstrap，你可以按照以下步骤进行：

1. 安装Bootstrap：在终端中执行以下命令安装Bootstrap。

   npm install bootstrap

2. 引入Bootstrap：在Vue组件中引入Bootstrap的CSS和JavaScript文件。

   import 'bootstrap/dist/css/bootstrap.css'
   import 'bootstrap/dist/js/bootstrap.js'

你可以在Vue组件的`<script>`标签中添加上述代码，或者在`main.js`文件中全局引入。

3. 使用Bootstrap组件：在Vue组件中可以使用Bootstrap提供的组件，例如`<b-button>`、`<b-form>`等。

   <template>
     <div>
       <b-button variant="primary">Primary</b-button>
       <b-form>
         <b-form-group label="Email address" label-for="email">
           <b-form-input id="email" type="email" required></b-form-input>
         </b-form-group>
       </b-form>
     </div>
   </template>
   
   <script>
   import { BButton, BForm, BFormGroup, BFormInput } from 'bootstrap-vue'
   
   export default {
     components: {
       BButton,
       BForm,
       BFormGroup,
       BFormInput
     }
   }
   </script>

在上述例子中，我们引入了`BButton`、`BForm`、`BFormGroup`和`BFormInput`四个Bootstrap组件，然后在模板中使用了它们。

以上就是在Vue项目中使用Bootstrap的步骤，希望对你有所帮助！