46

I have used Vuejs for developing my frontend and now I have to style it. I came across Bootstrap-vue . Which will be better to use Bootstrap 4 or Bootstrap-vue. Are they same or is there is an advantage to use Bootstap-vue.

James A Mohler
  • 11,060
  • 15
  • 46
  • 72
handsomer223
  • 885
  • 4
  • 12
  • 16

1 Answers1

69

Some Bootstrap 4 functions require jQuery, Popper.js, and these functions will conflict with Vue. (These functions modify the DOM directly. Vue won't keep track of these modifications. Any changes made using jQuery could be overwritten by Vue.)

These functions include:

  • Affix
  • Alert
  • Button
  • Carousel
  • Collapse
  • Dropdown
  • Modal
  • Popover
  • Scrollspy
  • Tab
  • Tooltip

Bootstrap-vue converted most of these functions into Vue, so that it works as expected.

If you only want to use Bootstrap CSS and not its JS related functions, using Bootstrap 4 directly will be more straight forward and requires less time spent learning how Bootstrap-vue works.

Else, use Bootstrap-vue.

If you are not sure, Bootstrap-vue seems like a less risky choice.

Jacob Goh
  • 19,800
  • 5
  • 53
  • 73
  • 1
    The `Bootstrap-vue` plugin has not been released for the best part of a year even though the github code base is getting daily commits. – sprocket12 Feb 11 '19 at 09:27
  • 5
    As an update, BootstrapVue has been actively updated for the most part of 2019, and is at release 2.0.0-rc.25 as of the time of writing this comment. – Troy Morehouse Jul 06 '19 at 03:46
  • See details right near the top of the "Getting Started" docs at https://bootstrap-vue.org/docs – Mark Gavagan Aug 23 '21 at 14:52
  • They don't really conflict. They just work independently, Attaching vuejs is still possible – Tebe Nov 18 '21 at 19:35