Home > Information Technology > Web Development > Bootstrap
25 QuestionsLog inwatch on youtube 
00:00:00

ЁЯОБ Claim Rewards

ЁЯОБ Login to earn rewards !!!



25 uniquely designed questions just for you to evaluate your skills in Bootstrap quiz. Are you ready to challenge yourself and explore more? Let's get started and see how much you can score out of 25.

Test your knowledge of Bootstrap with these 25 multiple-choice questions. Learn about Bootstrap's features, classes, and components.

Please feel free to report any corrections if you come across any inaccuracies or errors. Your feedback is valuable in maintaining the accuracy of our content.

Questions

1. What is Bootstrap?
Answer: A front-end web framework
Explanation: Bootstrap is a popular front-end web framework for designing responsive and mobile-first websites.Report for correction
2. Which CSS preprocessor is used by Bootstrap?
Answer: Less
Explanation: Bootstrap uses the Less CSS preprocessor for its stylesheets.Report for correction
3. What is the Bootstrap grid system based on?
Answer: CSS Floats
Explanation: The Bootstrap grid system is based on CSS Floats for creating responsive layouts.Report for correction
4. Which class is used to create a responsive navigation bar in Bootstrap?
Answer: .navbar
Explanation: The .navbar class is used to create a responsive navigation bar in Bootstrap.Report for correction
5. In Bootstrap, which class is used to create a responsive container with fixed-width content?
Answer: .container
Explanation: The .container class is used to create a responsive container with fixed-width content.Report for correction
6. Which Bootstrap class is used to create a button group?
Answer: .btn-group
Explanation: The .btn-group class is used to create a button group in Bootstrap.Report for correction
7. Which class is used to create a responsive image in Bootstrap that scales with the parent element?
Answer: .img-responsive
Explanation: The .img-responsive class is used to create a responsive image in Bootstrap that scales with the parent element.Report for correction
8. How can you create a responsive table in Bootstrap?
Answer: Add the .table-responsive class to the table's parent div.
Explanation: To create a responsive table in Bootstrap, you should add the .table-responsive class to the table's parent div element.Report for correction
9. Which Bootstrap class is used to create a modal (popup) dialog?
Answer: .modal-dialog
Explanation: The .modal-dialog class is used to create a modal (popup) dialog in Bootstrap.Report for correction
10. What is the purpose of Bootstrap's utility classes?
Answer: To apply common styles and modifications quickly
Explanation: Bootstrap's utility classes are used to apply common styles and modifications quickly to elements.Report for correction
11. Which class is used to create a Bootstrap alert box?
Answer: .alert
Explanation: The .alert class is used to create a Bootstrap alert box.Report for correction
12. Which Bootstrap class is used to create a navigation bar that sticks to the top of the page when scrolling?
Answer: .navbar-fixed-top
Explanation: The .navbar-fixed-top class is used to create a navigation bar that sticks to the top of the page when scrolling.Report for correction
13. Which class is used to create a Bootstrap panel with a heading, body, and footer?
Answer: .panel
Explanation: The .panel class is used to create a Bootstrap panel with a heading, body, and footer.Report for correction
14. In Bootstrap, how can you create a responsive carousel (image slider)?
Answer: Use the .carousel class.
Explanation: In Bootstrap, you can create a responsive carousel (image slider) by using the .carousel class.Report for correction
15. Which class is used to create a Bootstrap form control that allows users to select a date?
Answer: .datepicker
Explanation: The .datepicker class is used to create a Bootstrap form control that allows users to select a date.Report for correction
16. What is the purpose of Bootstrap's .clearfix class?
Answer: To clear floated elements and prevent layout issues
Explanation: The .clearfix class in Bootstrap is used to clear floated elements and prevent layout issues when working with floated elements.Report for correction
17. Which class is used to create a Bootstrap jumbotron?
Answer: .jumbotron
Explanation: The .jumbotron class is used to create a Bootstrap jumbotron, which is a large, prominent container for displaying content.Report for correction
18. Which class is used to create a Bootstrap progress bar?
Answer: .progress-bar
Explanation: The .progress-bar class is used to create a Bootstrap progress bar.Report for correction
19. Which class is used to create a Bootstrap badge?
Answer: .badge
Explanation: The .badge class is used to create a Bootstrap badge.Report for correction
20. What does Bootstrap's .hidden-xs class do?
Answer: Makes an element invisible on extra-small screens
Explanation: The .hidden-xs class in Bootstrap is used to make an element invisible on extra-small screens.Report for correction
21. Which class is used to create a Bootstrap tooltip?
Answer: .tooltip
Explanation: The .tooltip class is used to create a Bootstrap tooltip.Report for correction
22. In Bootstrap, which class is used to create a navigation tab?
Answer: .nav-tab
Explanation: In Bootstrap, the .nav-tab class is used to create a navigation tab.Report for correction
23. Which class is used to create a Bootstrap breadcrumb navigation?
Answer: .breadcrumb
Explanation: The .breadcrumb class is used to create a Bootstrap breadcrumb navigation.Report for correction
24. What is the purpose of Bootstrap's .list-group class?
Answer: To style lists of items
Explanation: The .list-group class in Bootstrap is used to style lists of items, creating a visually appealing list.Report for correction
25. Which class is used to create a Bootstrap label for indicating danger or caution?
Answer: .danger
Explanation: The .danger class in Bootstrap is used to create a label for indicating danger or caution, often used for error messages or warnings.Report for correction