How to Create Navbar in Nextjs or React with bootstrap
In this article, we want to show how to use bootstrap and create a navbar responsive in the React or next js
In my personal project, I need a navbar that some of the items need to dropdown and it should be responsive, So I decided to use bootstrap because I was familiar with bootstrap.
I search on google and there are a lot of tutorials :)
The First Way (HTML, CSS)
There are simple menus and mega menus with HTML, and CSS in w3schools
But this Reference can not help me, Because I want to use bootstrap for personal reasons :)
The Second Way (Material UI)
I have no experience with Material UI so read the documentation about the menu, and I gained for creating a menu with a drop-down to the mega menu I must write a lot of code based on documentation
But I found a useful example for creating a navigation bar with material-UI in React and Next that attached links
