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. Which utility class is used to hide an element visually but keep it accessible to screen readers? .hidden .invisible .sr-only .screen-reader-only2. What is the purpose of the .popover class in Bootstrap? To create a responsive alert box To display additional information on hover or click To style a form To add a background image3. 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">4. Which class is used to create a responsive table in Bootstrap? .responsive- table .table-responsive .mobile-table .flexible-table5. Which class is used to create a responsive carousel in Bootstrap? a. .slider b. .carousel c. .slideshow d. .img-carousel Answer: b. .carousel .slider .carousel .slideshow .img-carousel6. How can you create a responsive media object in Bootstrap? Using the .media class Using the .responsive-media class Using the .media-object class Using the .img-media class7. Which CSS preprocessor is used in Bootstrap? Sass Less Stylus SCSS8. 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 bold9. Which class is used to create a responsive navigation bar in Bootstrap? .nav- collapse .navbar-toggle .navbar-collapse .nav-toggle10. 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 class11. 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 class12. What is the purpose of the .list-group class in Bootstrap? To create a responsive list To style links To add a shadow effect To create a navigation bar13. What is the purpose of the .alert class in Bootstrap? To create a responsive alert box To style links To add a shadow effect To create a navigation bar14. What is the purpose of the .navbar-fixed-top class in Bootstrap? To create a fixed navigation bar at the top of the page To style a form To add a shadow effect To make text bold15. How do you add a background color to a button in Bootstrap? .btn-color .btn-bg .btn-background .btn-{color}16. How can you add a border to an element in Bootstrap? .border .bordere .border-style .rounded17. How can you create a navigation bar with tabs in Bootstrap? Using the .nav-tabs class Using the .tab-bar class Using the .tab-nav class Using the .navbar-tabs class18. What is the purpose of the .lead class in Bootstrap? To create a large text To style links To add a shadow effect To create a navigation bar19. Which class is used to create a progress bar in Bootstrap? .loading-bar .progress-bar .progress-indicator .loading-progress20. 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>5 out of 4Time is Up!
