Bootstrap Nihileswaran No Comment 10Feb Share 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 navigation bar in Bootstrap? .nav- collapse .navbar-toggle .navbar-collapse .nav-toggle2. 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. How can you create a modal in Bootstrap? Using the .popup class Using the .modal class Using the .dialog class Using the .overlay class4. 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 class5. How do you add a background color to a button in Bootstrap? .btn-color .btn-bg .btn-background .btn-{color}6. Which CSS preprocessor is used in Bootstrap? Sass Less Stylus SCSS7. 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 table8. Which class is used to create a jumbotron in Bootstrap? .jumbotron .hero- unit .large-box .big-box9. 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>10. Which class is used to create a justified navigation menu in Bootstrap? .nav- justified .menu-justified .nav-fill .justify-menu11. 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. 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 class13. 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. 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 bar15. 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. 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>17. 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 image18. 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 class19. 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 bar20. How can you create a blockquote in Bootstrap? <quote class="blockquote">...</quote> <blockquote class="quote">...</blockquote> <blockquote class="blockquote">...</blockquote> <div class="blockquote">...</div>5 out of 4Time is Up! Previous Oracle February 10, 2024 Next Vue.js? February 12, 2024 You Might Also Like Hello world CHOOLS No Comment How to Disable Avast Antivirus CHOOLS No Comment AVG Review — Is the Absolutely free Version As effective as the Premium Version? CHOOLS No Comment Understanding the Limitations of Models of Managing CHOOLS No Comment Careers Similar To Teaching CHOOLS No Comment
