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 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 class2. How can you add a border to an element in Bootstrap? .border .bordere .border-style .rounded3. 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 image4. 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 bold5. 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>6. 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-carousel7. 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>8. 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>9. Which CSS preprocessor is used in Bootstrap? Sass Less Stylus SCSS10. Which class is used to create a progress bar in Bootstrap? .loading-bar .progress-bar .progress-indicator .loading-progress11. 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 image12. Which class is used to create a jumbotron in Bootstrap? .jumbotron .hero- unit .large-box .big-box13. Which class is used to create a label in Bootstrap? .tag .label .badge .indicator14. 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 class15. What is Bootstrap? A programming language A front-end framework A server-side scripting language A database management system16. 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 bar17. How can you create a blockquote in Bootstrap? <quote class="blockquote">...</quote> <blockquote class="quote">...</blockquote> <blockquote class="blockquote">...</blockquote> <div class="blockquote">...</div>18. How can you create a thumbnail in Bootstrap? <div class="image- thumbnail">...</div> <div class="thumbnail">...</div> <div class="image-box">...</div> <div class="img-thumb">...</div>19. 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 table20. Which class is used to create a justified navigation menu in Bootstrap? .nav- justified .menu-justified .nav-fill .justify-menu5 out of 4Time is Up!
