npm install bootstrap
or
yarn add bootstrap
---- ( _app.js)-----
// add bootstrap css
import 'bootstrap/dist/css/bootstrap.css'
// own css files here
import "../css/customcss.css";
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}npm install bootstrap@nextoryarn add bootstrap@nextimport { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html>
<Head>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
crossOrigin="anonymous"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}npm install bootstrap
or
yarn add bootstrap
---- ( _app.js)-----
// add bootstrap css
import 'bootstrap/dist/css/bootstrap.css'
// own css files here
import "../css/customcss.css";
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}npm install bootstrap@nextoryarn add bootstrap@nextimport { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html>
<Head>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
crossOrigin="anonymous"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}