xxxxxxxxxx
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';
xxxxxxxxxx
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')
xxxxxxxxxx
npm i bootstrap jquery popper.js
# Go to src/main.js import like:
import 'bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css';
xxxxxxxxxx
-- 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>