Many of the examples in this documentation are live and can be edited in-place for an enhanced learning experience (note some examples may not work in IE 11 due to use of ES6 JavaScript code in the sections).īootstrapVue also provides an interactive playground where you can experiment with the various components and export your results to JSFiddle, CodePen, and/or CodeSandbox. You can find information on these classes in the Utility Classes reference section. These are Bootstrap v4.6 utility classes that help control padding, margins, positioning, and more. In many of the examples shown in BootstrapVue's documentation, you may see the use of CSS classes such as ml-2, py-1, etc. Vue loader scoped CSS, if using scoped styles in SFC (Single File Component).This BootstrapVue documentation assumes you are familiar with Vue and Bootstrap v4 CSS. Reference - Reference information and documentation.Icons - Icons and icon plugin documentation v2.2.0+.Directives - Directives and directive plugin documentation.Components - Components and component plugin documentation.If you are migrating from a previous v2.0.0-rc.# release, please see the v2.0.0 migration guide. PortalVue v2.1 is required by Toasts, v2.1.7 is recommendedĬheck out what is new in BootstrapVue release v2.23.0.
Popper.js v1.16 is required for dropdowns (and components based on dropdown), tooltips, and popovers.Bootstrap v4.3.1 is required, v4.6.1 is recommended.Vue.js v2.6 is required, v2.6.12 is recommended.
If you know of some great examples that we missed, let us know in the comments below.Get started with BootstrapVue, based on the world's most popular framework - Bootstrap v4, for building responsive, mobile-first sites using Vue.js. The following gallery is a curated list of awesome showcases from the Bootstrap Expo, Love Bootstrap and Built With Bootstrap.Īs you can see, there are some amazing websites built on the Bootstrap framework. Luckily, I didn’t have to look too far to find some amazing examples of websites built with Bootstrap. And if you invest a bit of time into styling your website’s theme, the results can be spectacular. You see, Bootstrap can be a fantastic starting point for responsive front-end development. This can be true, but only if you don’t make any modifications to the default Bootstrap styling.
If you are just starting to learn Bootstrap, we have created a series of tutorials called 14 Days of Bootstrap 4 that can help you.
0 kommentar(er)
