Bootstrap

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 modal in Bootstrap?

Using the .popup class

Using the .modal class

Using the .dialog class

Using the .overlay class

2. Which class is used to create a badge in Bootstrap?

.tag

.label

.badge

.indicator

3. Which class is used to create a responsive video in Bootstrap?

.video- responsive

.responsive-video

.embed-responsive

.fluid-video

4. 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 menu

5. 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 class

6. Which class is used to create a responsive navigation bar in Bootstrap?

.nav- collapse

.navbar-toggle

.navbar-collapse

.nav-toggle

7. 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 image

8. Which class is used to create a responsive table in Bootstrap?

.responsive- table

.table-responsive

.mobile-table

.flexible-table

9. How can you create a blockquote in Bootstrap?

10. How can you create a responsive image in Bootstrap?

11. Which class is used to create a progress bar in Bootstrap?

.loading-bar

.progress-bar

.progress-indicator

.loading-progress

12. How do you add a background color to a button in Bootstrap?

.btn-color

.btn-bg

.btn-background

.btn-{color}

13. 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 class

14. 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 bar

15. Which CSS preprocessor is used in Bootstrap?

Sass

Less

Stylus

SCSS

16. 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-carousel

17. 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 class

18. 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 the
navigation links b. To create a brand logo or name in the navigation bar c. To add a
background image d. To define the navigation structure
Answer: 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 structure

19. Which utility class is used to hide an element visually but keep it accessible to screen readers?

.hidden

.invisible

.sr-only

.screen-reader-only

20. How can you create a responsive form in Bootstrap?

. <form class="form-responsive">...</form>

5 out of 4

Hello!

We are happy to see you again!

Login to your account

Register to start learning

Bootstrap

Bootstrap

Oracle

Vue.js?

You Might Also Like

Hello world

How to Disable Avast Antivirus

AVG Review — Is the Absolutely free Version As effective as the Premium Version?

Understanding the Limitations of Models of Managing

Careers Similar To Teaching