C# Mastery Hub
Home
Challenges
Discussion
Lessons
Core Topics
C# Fundamentals
Console Applications
Classes & OOP
Windows Forms
ASP.NET Core
SQL Server
VS & SQL Connection
RDLC Reports
.NET MAUI
Getting Started
Getting Started
Website Development
SEO Guide
Security
Project Workflow
Extra Topics
Cloud & Deployment
AWS Cloud
Deployment
About
Contact
Test Your Knowledge
Website Dev - Lesson 3: Responsive Design with Bootstrap Quiz
Answer all questions to test your understanding
1
What is responsive design?
Designing for desktop only
Designing web pages that work well on all devices and screen sizes
Designing for mobile only
Designing without CSS
2
How many columns does the Bootstrap grid system use?
8 columns
10 columns
12 columns
16 columns
3
What class prefix is used for medium screen devices (tablets) in Bootstrap?
.col-xs-
.col-sm-
.col-md-
.col-lg-
4
What does the navbar-toggler class do in Bootstrap?
Changes the navbar color
Toggles the navbar on small screens
Adds animation to the navbar
Makes the navbar sticky
5
Which component is best for creating a grid of items in Bootstrap?
Navbar
Card
Modal
Carousel
6
What is the purpose of the data-bs-toggle attribute in Bootstrap modals?
To toggle CSS styles
To control the modal's visibility
To change the modal's color
To add animation to the modal
Submit Quiz