I'm currently using Bootstrap v4.3.1 and Bootstrap Vue 2.1.0
Can I use mdb vue (Material Design Vue) along side with Bootstrap Vue ? What are the risks?
304 views Asked by Dam Vinci At
2
There are 2 answers
2
Arc
On
You're loading more than you need to into your app. When you add Bootstrap Vue, the Bootstrap library is loaded along with it plus some additional contents specifically for Vue. Bootstrap-Vue requires the Bootstrap library to be added to your packages, but only Vue.use(BootstrapVue) (or whatever you import it as) is required.
Take a look at the documentation here: https://bootstrap-vue.js.org/docs
As for the risks, if you ever decide to re-write some themes or material designs, you could run into overwriting issues. At the least you're bloating your Vue.
Related Questions in C#
- How to call a C language function from x86 assembly code?
- What does: "char *argv[]" mean?
- User input sanitization program, which takes a specific amount of arguments and passes the execution to a bash script
- How to crop a BMP image in half using C
- How can I get the difference in minutes between two dates and hours?
- Why will this code compile although it defines two variables with the same name?
- Compiling eBPF program in Docker fails due to missing '__u64' type
- Why can't I use the file pointer after the first read attempt fails?
- #include Header files in C with definition too
- OpenCV2 on CLion
- What is causing the store latency in this program?
- How to refer to the filepath of test data in test sourcecode?
- 9 Digit Addresses in Hexadecimal System in MacOS
- My server TCP doesn't receive messages from the client in C
- Printing the characters obtained from the array s using printf?
Related Questions in VUE.JS
- Problems with matter.js and i18n in vue.js
- Form Validation not working in custom component Vue
- Authenticating vue app on each route change
- Vue/TailwindCSS - Content is behind Sidebar
- Vue3 Suspense Parent > Child Animation
- Pass dynamic object data via nuxt-link to component
- Failed to resolve import, but the path is valid, and detected as such by VSCode
- how to use less variables in vue components?
- Prevent a webpage from navigating away
- Creating a modal window in product edit page in Shopware6 and saving data to custom table(repository) from a form within the modal window
- How do I fix (or ignore) a TypeScript error that's inside a HTML template?
- Vue.js Checkbox Alignment Issue: Centering Checkboxes Within Table Cells
- How to reset vue product filter?
- Vue display output of two dimensional array
- vue js error when adding bonus items to another item
Related Questions in MODEL-VIEW-CONTROLLER
- Getting POST 500 Internal server error while sending request via ajax call
- ASP.NET Core - Change Url of Product Details when select Color
- How to execute functions from different classes in a Model-View-Controller (MVC) architecture pattern?
- How to reroute role based user after login
- Error Connecting to a remote Windows MYSQL Windows server using Windows ASP.NET
- InvalidOperationException: Unable to resolve service for type 'Microsoft.Identity.Abstractions.IDownstreamApi'
- Create REST API Endpoints from an Existing PHP CodeIgniter Project
- Issue with Accessing Endpoints after Separating Controller Classes in Spring Boot
- C# MVC net.7 Application goes in time out
- In my .net core 8 mvc c# project, when I click on the category, the data comes as null listing the products in the relevant category
- Why do I get 500 error on Azure after using ViewBag?
- The jquery script function is not triggering in _layout.cshtml page while child page is loaded in ajax
- How to structure frontend on a Vanilla JS app on Symfony
- About Flutter MVVM Architecture with GetX
- How to join tables from multiple dbcontexts in one ViewModel?
Related Questions in BOOTSTRAP-VUE
- Issue closing bootstrap vue modal in metronic template
- Why aren't some components running in vue bootstrap?
- How can I show and hide a template referring to the current row?
- How to only select one value in an option that contains two variables?
- Bootstrap Vue nested tables issue with row IDs
- Vee-validate not updating the BootstrapVue Switch Checkbox state
- How to pin the top header row showing column names in this bootstrap-vue table?
- How to populate text are on click using vue apex charts dataPointIndex
- Laravel Vue: Error in v-on handler: "TypeError: Right-hand side of 'instanceof' is not callable"
- How do I make JS fetch function receive json/data from flask API in the same order as sent by flask?
- Mobile devies Cannot open tooltip again when call this.$root.$emit("bv::hide::tooltip")
- Vue ref change does not apply changes to the component after update
- How to prevent Vuetify from overriding Bootstrap Vue styles in a mixed Vue.js project?
- How to update Apex Chart data via dropdown selection
- overriding class styles from bootstrap,according to the HTML rendered in Devtools
Related Questions in MATERIAL-DESIGN-BOOTSTRAP
- After removing option from select and materialized, selection funktions inproperly
- Material design Bootstrap not working in angular
- how i solve this ? Uncaught TypeError: Cannot read property 'which' of undefined - Material design bootstrap
- Can I use mdb vue (Material Design Vue) along side with Bootstrap Vue ? What are the risks?
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Popular Tags
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
You can do, but you will find a lot of issues such as:
My advice, don't do it, save a lot of pain and pick one, if you need to customize styles you can try with tailwind.css that play wells with both libraries that you're mentioning.