Make your life easy with React Bootstrap Navbar!
Want to create navigation bar for React and Bootstrap? This is the right video for you!
How to Install Create-React-App:
• Install Create React App Global [React Typ...
How to Install React using Create-React-App:
• Install React Typescript using Create Reac...
Use React Bootstrap: • Integrate Bootstrap with React [React Boot...
Source code: https://github.com/AkiraToya/ReactFor...
Thank you for watching!
____________________________________________________________________________________
Timestamps
00:00 Overview React Bootstrap Navbar
00:22 React Bootstrap Navbar Component Explained
01:19 Let's create Navbar with React Bootstrap
03:34 Use Navbar.Brand Component Explained
04:00 Use Navbar.Brand on React Bootstrap
04:25 React Bootstrap Navbar Custom Background Color
05:31 Using Image for Navbar.Brand Logo
05:50 Extra info for Navbar Background Styling
06:32 Fixed and Sticky Navbar
08:06 Navbar.Toggle and Navbar.Collapse Components Explained
09:35 Nav.Link and NavbarDropdown Components Explained
10:10 Let's create our menus on React Bootstrap using Nav and Nav.Link
11:17 Let's create submenus on React Bootstrap using NavDropdown
11:31 Use NavDropdown.Item for Menus
12:07 Use NavDropdown.Divider for Menu Separator
12:34 Make Site Responsive using Expand Attribute
13:28 Show Burger Icon using Navbar.Toggle for Mobile Menu
13:45 Use Navbar.Collapse for Navigation Menu Container
14:32 Use collapseOnSelect to Add Collapse Behaviour for React Bootstrap Navbar
15:33 Closing, Like & Subscribe
____________________________________________________________________________________