Find and fix a Bootstrap-vue display issue in a Vue.js application
Budget: $10 – $30 USD
I have a Vue.js application that I inherited from my company, with header and footer menus. Because of conflict with other company systems this was developed, not by me using bootstrap-vue.
"dependencies": {
"bootstrap": "^4.6.0",
"bootstrap-vue": "^2.21.2",
"core-js": "^3.6.5",
"svglint": "^1.0.7",
"svgxuse": "^1.2.6",
"vue": "^2.6.12",
"vue-head": "^2.2.0",
"vue-router": "^3.2.0",
"vue-svg-sprite": "^2.2.0"
},
I have a problem with adding a standard bootstrap-vue button. Currently it will only display when hovered. The functions are there but the display is not. The project is uploaded except for the node-module folder. If I have to write separate classes then that's find but I would like to know where the conflict is coming from
"dependencies": {
"bootstrap": "^4.6.0",
"bootstrap-vue": "^2.21.2",
"core-js": "^3.6.5",
"svglint": "^1.0.7",
"svgxuse": "^1.2.6",
"vue": "^2.6.12",
"vue-head": "^2.2.0",
"vue-router": "^3.2.0",
"vue-svg-sprite": "^2.2.0"
},
I have a problem with adding a standard bootstrap-vue button. Currently it will only display when hovered. The functions are there but the display is not. The project is uploaded except for the node-module folder. If I have to write separate classes then that's find but I would like to know where the conflict is coming from