Usage with React, Vue, and Angular

 While the Bootstrap CSS can be used with any framework, the Bootstrap JavaScript is not fully compatible with JavaScript frameworks like React, Vue, and Angular which assume full knowledge of the DOM. Both Bootstrap and the framework may attempt to mutate the same DOM element, resulting in bugs like dropdowns that are stuck in the “open” position.

A better alternative for those using this type of frameworks is to use a framework-specific package instead of the Bootstrap JavaScript. Here are some of the most popular options:

Comments

Post a Comment

Popular posts from this blog

Get started with Bootstrap

  Quick start  Get started by including Bootstrap’s production-ready CSS and JavaScript via CDN without the need for any build steps. See it in practice with this  Bootstrap CodePen demo . Create a new  index.html  file in your project root.  Include the  <meta name="viewport">  tag as well for  proper responsive behavior  in mobile devices. <!doctype html> < html lang = "en" > < head > < meta charset = "utf-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1" > < title > Bootstrap demo </ title > </ head > < body > < h1 > Hello, world! </ h1 > </ body > </ html > Include Bootstrap’s CSS and JS.  Place the  <link>  tag in the  <head>  for our CSS, and the  <script>  tag for our JavaScript bundle (including Popper for positioning dropdowns, ...
Read more