Breaking News: Grepper is joining You.com. Read the official announcement!

Add boostrap to Vue 3

Add Answer

Er. Anil Kumar Thakur answered on November 30, 2021 Popularity 9/10 Helpfulness 5/10

answer Add boostrap to Vue 3

related add bootstrap in vuejs

related how to add bootstrap to vue js

related install bootstrap vue 3

Add boostrap to Vue 3

Comment

 npm install bootstrap or yarn add boostrap
 then in main index.js file 
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap/dist/js/bootstrap.bundle.min';

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: add javascript whatever

Link to this answer
Share Copy Link

Contributed on Feb 18 2023

Er. Anil Kumar Thakur

0 Answers Avg Quality 2/10

Closely Related Answers

add bootstrap in vuejs

Comment

npm install bootstrap
npm install bootstrap-vue

Then, open the main.js file with your code editor. Import bootstrap.

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Here is the main.js file code.

import { createApp } from 'vue'
import App from './App.vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
createApp(App).mount('#app')

Popularity 10/10 Helpfulness 8/10 Language whatever

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Dec 20 2022

ALPHA

0 Answers Avg Quality 2/10

how to add bootstrap to vue js

Comment

-1

npm i bootstrap jquery popper.js

# Go to src/main.js import like:

import 'bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css';

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Nov 30 2021

Bored Bug

0 Answers Avg Quality 2/10

install bootstrap vue 3

Comment

-- command
npm install --save bootstrap
npm install --save @popperjs/core

-- in main.js
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap

-- test
<button 
  class="btn btn-primary" 
  data-bs-target="#collapseTarget" 
  data-bs-toggle="collapse">
  Bootstrap collapse
</button>
<div class="collapse py-2" id="collapseTarget">
  This is the toggle-able content!
</div>

Popularity 9/10 Helpfulness 5/10 Language shell

Source: stackoverflow.com

Tags: bootstrap-vue bo

Link to this answer
Share Copy Link

Contributed on Aug 10 2023

Ferdy Sayonara

0 Answers Avg Quality 2/10

Add boostrap to Vue 3

Contents

More Related Answers

Add boostrap to Vue 3

Closely Related Answers

add bootstrap in vuejs

how to add bootstrap to vue js

install bootstrap vue 3

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.