如何将引导样例主题添加到Vue项目?

• 首先安装一些依赖项:
  yarn add bootstrap bootswatch jquery popper.js

  ---

• 然后将这些行添加到入口点文件 main.js :
  import "bootstrap"; import "../node_modules/bootswatch/dist/lux/bootstrap.min.css"; import "jquery"; import "popper.js";
  

  lux 是主题名称,因此可以将其替换为 选择 ðŸ˜И

您应该在main中导入css文件。js如下

import '../node_modules/bootstrap/dist/bootstrap.min.css'

确保已将您的网页包配置为使用 css-loader

或

在根组件(主要是App.vue)中添加两个样式标记,一个用于全局样式,另一个用于范围样式(如果您有范围属性)。看见 src imports.

<style src='path/to/node_modules/bootstrap/dist/bootstrap.min.css'>
    /* global styles */
</style> 

<style scoped>
    /* local styles */
</style> 

尝试清除浏览器缓存并重新启动运行vue的任何设备