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. How can you add a tooltip to an element in Bootstrap? Using the .tooltip class Using the .hint class Using the .info-box class Using the .popup class2. Which class is used to create a responsive video in Bootstrap? .video- responsive .responsive-video .embed-responsive .fluid-video3. What is the purpose of the .well class in Bootstrap? To create a rounded box with a shadow effect To style a form To add a background image To create a responsive table4. 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 class5. 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 bold6. 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 menu7. 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 class8. Which class is used to create a responsive table in Bootstrap? .responsive- table .table-responsive .mobile-table .flexible-table9. Which CSS preprocessor is used in Bootstrap? Sass Less Stylus SCSS10. 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 class11. 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>12. What is the purpose of the .container class in Bootstrap? To create a full-width container To create a fixed-width container To style buttons To define a background image13. What is the purpose of the .navbar-brand class in Bootstrap?What is the purpose of the .navbar-brand class in Bootstrap? a. To style thenavigation links b. To create a brand logo or name in the navigation bar c. To add abackground image d. To define the navigation structureAnswer: b. To create a brand logo or name in the navigation bar To style the navigation links To create a brand logo or name in the navigation bar To add a background image To define the navigation structure14. 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">15. What is the purpose of the .breadcrumb class in Bootstrap? To create a responsive breadcrumb navigation To style links To add a shadow effect To create a navigation bar16. 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 bar17. 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 bar18. Which class is used to create a badge in Bootstrap? .tag .label .badge .indicator19. 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 menus20. 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-carousel5 out of 4Time is Up!
