Can bootstrap be used with vue?

BootstrapVue

##Using Vue.js and the world’s most popular front-end CSS library — Bootstrap V4 Build responsive, mobile-first projects on the web.

License agreement: MIT (recommended learning:

Bootstrap video tutorial)

Development language: Java

Bootstrap-Vue is Vue.js 2.4 provides Bootstrap V4 components and the most comprehensive implementation of the grid system, with extensive automated WAI-ARIA accessibility markup.

Vue.js v2.6 is required, v2.6.10 recommended

Bootstrap v4.3 is required, v4.3.1 recommended

Important HTML Global variables

Bootstrap v4.3 CSS uses some important global styles and settings that you need to be aware of when using them, all of which are almost exclusively aimed at normalizing cross-browser styles.

Responsive meta tag

bootstrap v4.3 is developed for mobile first, in this strategy the code is first optimized for mobile devices and then css is used as needed Media queries to extend components. To ensure correct rendering and touch scaling on all devices, add a responsive viewport meta tag to your .

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

CSS Box Sizing

For simpler sizing in CSS, the global box sizing value switches from the content box to the border box. This ensures that the padding does not affect the final calculated width of the element, but it may cause problems with some third-party software such as Google Maps and Google Custom Search Engine.

In rare cases, you need to override it, please use the following:

.selector-for-some-widget { 
 box-sizing: content-box;
}

For more Bootstrap related technical articles, please visit the

Bootstrap Tutorial column to learn!

The above is the detailed content of Can bootstrap be used with vue?. For more information, please follow other related articles on the PHP Chinese website!