use-bootstrap is the front-end framework based on Nuxt3 and Bootstrap5.
Create nuxt-app
Installation of use-bootstrap NPM Package
We use Bootstrap5 SCSS in use-bootstrap.
Customize SCSS Customize first and import Bootstrap5 CSS as necessary.
In use-bootstrap, there are two types of components, HTML components and Bootstrap components, each of which can be prefixed with a component name.
export default defineNuxtConfig({
modules: [
'usebootstrap'
],
usebootstrap: {
bootstrap: {
prefix: ``
},
html: {
prefix: `B`
},
},
css: [
"bootstrap/scss/bootstrap.scss"
]
})