From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Build a responsive layout with Bootstrap 5

Build a responsive layout with Bootstrap 5

From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Start my 1-month free trial Buy for my team

Build a responsive layout with Bootstrap 5

“

- [Instructor] In this video, we continue to build UI with the help of Bootstrap of course. So we're going to head straight to the Components section, where we're going to find a large collection of ready to use HTML and CSS components. So we're going to find this one, Navbar. So I'd like to add in my layout this, the same result, like a nice looking Navbar. So in order to write everything from scratch, I'm going to use this code snippet. I'm going to add it to the clipboard. I'm going to go back to my projects and add this right above the container like this. And there is one concept with React, which is that whenever you have two elements next to each other, you must always have one parent's element. So we're going to use what we call the fragments which is like a tag, but without the tags because it doesn't add any node into the document object model. And that's going to fix the issue. The other concept with React is…

Contents