Welcome to CHOOLS BOOTSTRAP ASSESSMENT (YOU HAVE ONLY 30 MINUTES TO COMPLETE THIS PART [20 Questions]) **** Wishing You All The Best **** Instructions : To start the quiz, please provide your name, email id and phone number. All questions are mandatory* Answering each question is required before going on to the next page of questions. Your response is subject to change at any time. After completed the quiz click the submit button. If, once the time is up, it will be automatically submitted. The report will be mailed to your email address after the quiz is finished. 1. What is the purpose of the .navbar-inverse class in Bootstrap? To create a dark- themed navigation bar To style buttons To add a shadow effect To make text bold2. Which class is used to create a jumbotron in Bootstrap? .jumbotron .hero- unit .large-box .big-box3. Which class is used to create a responsive video in Bootstrap? .video- responsive .responsive-video .embed-responsive .fluid-video4. How can you create a responsive accordion in Bootstrap? Using the .accordion class Using the .collapse class Using the .accordion-collapse class Using the .toggle class5. How can you create a responsive image in Bootstrap? <img class="img- responsive" src="image.jpg"> <img class="responsive-img" src="image.jpg"> <img class="responsive" src="image.jpg"> <img class="fluid-img" src="image.jpg">6. How do you add a drop-down menu to a button in Bootstrap? Using the .dropdown class Using the .menu class Using the .drop-menu class Using the .expand class7. Which utility class is used to hide an element visually but keep it accessible to screen readers? .hidden .invisible .sr-only .screen-reader-only8. Which class is used to create a progress bar in Bootstrap? .loading-bar .progress-bar .progress-indicator .loading-progress9. How can you create a responsive form with inline fields in Bootstrap? <form class="form-inline">...</form> <form class="inline-form">...</form> <form class="form-horizontal">...</form> <form class="form- fluid">...</form>10. What is the purpose of the .panel class in Bootstrap? To create a responsive panel To style links To add a shadow effect To create a navigation bar11. How can you create a responsive image gallery in Bootstrap? Using the .image- gallery class Using the .responsive-gallery class Using the .gallery class Using the .img-gallery class12. How do you include Bootstrap in an HTML file? <script src="bootstrap.js"></script> <link rel="stylesheet" href="bootstrap.css"> <style>@import url('bootstrap.css');</style> <bootstrap include>13. Which class is used to create a badge in Bootstrap? .tag .label .badge .indicator14. How do you add a background color to a button in Bootstrap? .btn-color .btn-bg .btn-background .btn-{color}15. How can you add a border to an element in Bootstrap? .border .bordere .border-style .rounded16. What is the purpose of the .carousel component in Bootstrap? To create a responsive navigation bar To display a rotating set of images or content To style tables To create a sidebar menu17. What is Bootstrap? A programming language A front-end framework A server-side scripting language A database management system18. What is the purpose of the Bootstrap grid system? To create responsive images To organize and layout content in a grid To style forms To create navigation menus19. How can you create a responsive form in Bootstrap? <form class="responsive- form">...</form> . <form class="form-responsive">...</form> <form class="form-horizontal">...</form> <form class="form- fluid">...</form>20. Which class is used to create a responsive navigation bar in Bootstrap? .nav- collapse .navbar-toggle .navbar-collapse .nav-toggle5 out of 4Time is Up!
