Bootstrap Quiz | Set-1

Question 1

How we can fix the width of the container in Bootstrap ?

• A. .container-fixed
• B. .container-fluid
• C. .container
• D. .container-default

Answer: (C)

Bootstrap Quiz | Set-1
Discuss it

In bootstrap, the container is used to set the content of the margin. The .container class in bootstrap provides a responsive fixed width of the container.

Question 2

What is the maximum number of columns in the bootstrap grid system?

• A. 3
• B. 12
• C. 9
• D. 15

Answer: (B)

Bootstrap Quiz | Set-1
Discuss it

The total number of columns in the bootstrap grinding system is 12. On one page you can make the grid in groups either in  4*3 and 3*4 etc but not greater than 12.

Question 3

Which of the below bootstrap classes is used to create the big box in bootstrap ?

• A. .box
• B. .container
• C. .container-fluid
• D. .jumbotron

Answer: (D)

Bootstrap Quiz | Set-1
Discuss it

The .jumbotron is a lightweight and flexible component that can optionally extend the entire viewport to attract the extra attention of users. It is very big and gray.

Question 4

How do we create a black navigation bar in Bootstrap ?

• A. .navbar-default
• B. .navbar-inverse
• C. .navbar-black
• D. .navbar-dark

Answer: (B)

Bootstrap Quiz | Set-1
Discuss it

The .navbar-inverse is bootstrap class is used to create a black navigation bar Here inverse takes the value as black.

Question 5

Which of the below bootstrap class is used to convert image to circle ?

• A. .img-rounded
• B. .img-circle
• C. .img-rounded
• D. None of the above

Answer: (B)

Bootstrap Quiz | Set-1
Discuss it

The  .img-circle adds rounded corners to an image and shapes the image into a circle.

Question 6

How do we create the dropdown menu in bootstrap ?

• A. .dropdown
• B. .select
• C. .select-list
• D. None of the above

Answer: (A)

Bootstrap Quiz | Set-1
Discuss it

The .dropdown contain a nested menu item that helps the user to select Items from the entire list.

Question 7

Which plugin is used to create a cycle through elements as a slideshow ?

• A. slideshow
• B. scroll spy
• C. carousel
• D. None of the above

Answer: (C)

Bootstrap Quiz | Set-1
Discuss it

The carousel is used to create a cycle through elements as a slideshow. It uses JavaScript to show the animation.

Question 8

Which of the following class in Bootstrap is used to create a basic list group ?

• A. .grouped-list
• B. .select-list
• C. .list-group
• D. .list-grouped

Answer: (C)

Bootstrap Quiz | Set-1
Discuss it

List Groups in bootstrap are used to display a series group in an organized manner. For creating the list of items we can use. list-group-item It is used with <ul> element.

Question 9

Which bootstrap classes is used to add a zebra stripe to the table ?

• A. .tab-striped
• B. .zebra-strip
• C. .table-stripped
• D. .table-striped

Answer: (D)

Bootstrap Quiz | Set-1
Discuss it

The table-stripped classes are used to create a striped table in bootstrap.

Question 10

How we create a large button in Bootstrap ?

• A. .btn-xl
• B. .btn-lrg
• C. .btn-large
• D. .btn-lg

Answer: (D)

Bootstrap Quiz | Set-1
Discuss it

The .btn-lg in bootstrap is used to create the large button in bootstrap, where btn mean button and lg is the size of button i.e large.