Recall & Review
beginner
What is a
navbar in Bootstrap?A
navbar is a navigation bar that helps users move around a website. Bootstrap provides ready styles and structure to create responsive and accessible navbars easily.Click to reveal answer
beginner
Which Bootstrap class creates a responsive navigation bar?The class
navbar-expand-lg makes the navbar expand on large screens and collapse on smaller ones, improving mobile usability.Click to reveal answer
beginner
How do you add a brand name or logo in a Bootstrap navbar?
Use the <code>navbar-brand</code> class inside the navbar to add a clickable brand name or logo on the left side.Click to reveal answer
beginner
What role does the
navbar-toggler button play?It creates a button that toggles the collapsed menu on small screens, making the navbar mobile-friendly.
Click to reveal answer
beginner
Why is it important to use semantic HTML elements in a navbar?
Semantic elements like
<nav> help screen readers and search engines understand the page structure, improving accessibility and SEO.Click to reveal answer
Which Bootstrap class makes the navbar background dark?
✗ Incorrect
Use
navbar-dark bg-dark to make the navbar text light and background dark.What does the
navbar-expand-lg class do?✗ Incorrect
It controls when the navbar expands or collapses based on screen size.
Which element should wrap the navbar for semantic meaning?
✗ Incorrect
The
<nav> element indicates navigation links.What is the purpose of the
navbar-toggler button?✗ Incorrect
It shows or hides the menu on small devices.
Where do you place the navigation links inside a Bootstrap navbar?
✗ Incorrect
Navigation links go inside a list with
navbar-nav for proper styling.Describe the main parts of a Bootstrap navbar and their roles.
Think about what you see on a website's top menu bar.
You got /5 concepts.
Explain why responsive design is important for navbars and how Bootstrap helps with it.
Imagine using a website on a small phone screen.
You got /4 concepts.