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 class is used to create a responsive table in Bootstrap? .responsive- table .table-responsive .mobile-table .flexible-table2. 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 class3. 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-carousel4. 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 menu5. 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 bar6. 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 bold7. Which class is used to create a progress bar in Bootstrap? .loading-bar .progress-bar .progress-indicator .loading-progress8. 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 class9. Which class is used to create a responsive video in Bootstrap? .video- responsive .responsive-video .embed-responsive .fluid-video10. How can you create a blockquote in Bootstrap? <quote class="blockquote">...</quote> <blockquote class="quote">...</blockquote> <blockquote class="blockquote">...</blockquote> <div class="blockquote">...</div>11. Which class is used to create a jumbotron in Bootstrap? .jumbotron .hero- unit .large-box .big-box12. 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 bar13. 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>14. How do you add a background color to a button in Bootstrap? .btn-color .btn-bg .btn-background .btn-{color}15. 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 bar16. 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 bar17. 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 bar18. 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>19. Which class is used to create a justified navigation menu in Bootstrap? .nav- justified .menu-justified .nav-fill .justify-menu20. 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">5 out of 4Time is Up!
