使用bootstrap3對界面進行柵格佈局的效果比element-ui的效果要強很多，主要體現在不同設備的顯示上，element-ui在這方面有所欠缺。。。 引用bootstrap yarn add bootstrap@3 基於jquery，因此還需要引用2個包，jquery和popper.js， ...
使用bootstrap3對界面進行柵格佈局的效果比element-ui的效果要強很多，主要體現在不同設備的顯示上，element-ui在這方面有所欠缺。。。
引用bootstrap yarn add bootstrap@3
基於jquery，因此還需要引用2個包，jquery和popper.js， yarn add jquery popper.js -S
引用完後在項目中創建一個配置文件(跟package.json同級)，命名vue.config.js，將下麵的代碼複製進去。。。
const webpack = require('webpack')module.exports = { chainWebpack: (config) => { config.plugin('provide').use(webpack.ProvidePlugin, [{ $: 'jquery', jquery: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery' }]) }, css: { sourceMap: true }, devServer: { port: 8040 } } 然後在main.js引用下麵兩個文件 import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js' 此時bootstrap樣式已經引用到項目了。
