Hostel Management System Project in PHP with Source Code and Next js with source code free download | how to use bootstrap in next js


Hostel Management System Project in PHP with Source Code and Next js with source code free download | how to use bootstrap in next js 

 

In This Tutorial We Will Discuss About How to Use Bootstrap in Next JS 10 for Hostel Management System Project .

How to Install Bootstrap in Next JS  
Step 1 : Open CMD Terminal
Step 2 : Open Nextjs Project directory in CMD 
Step 3 : Run command  
    
    npm install bootstrap@next
    or
    yarn add bootstrap@next 

 

// add bootstrap css 
import 'bootstrap/dist/css/bootstrap.css'

Example 
import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.css'
import 'bootstrap/dist/css/bootstrap.css'
export default function Home() {
  return (
    <div>
    <div className="row">
      <div className="col-sm-6">A</div>
      <div className="col-sm-6">B</div>
    </div>
    </div>
  )
}

Related Post

Comments

Comments