Bootstrap Quiz | Set-2

  • Last Updated : 03 Nov, 2021


12
Question 1
Which bootstrap class is used to create a button as a link ?
A
.btn-hyperlink
B
.btn-link
C
.btn-anchor
D
None of the above
Bootstrap Quiz | Set-2    
Discuss it


Question 1 Explanation: 
The .btn-link bootstrap class is used to create a button as a link In which when you click on the button you can redirect to another page.
Question 2
Which class in bootstrap makes a table more compact by cutting cell padding in half ?
A
.table-bordered
B
.table-responsive
C
.table-striped
D
.table-condensed
Bootstrap Quiz | Set-2    
Discuss it


Question 2 Explanation: 
The .table-condensed is bootstrap 3 framework. It can be used when we make a table more compact by cutting cell padding in half.
Question 3
Which of the following class is used to change the size of wells ?
A
.well-sm
B
.well-xl
C
.well-md
D
None of the above
Bootstrap Quiz | Set-2    
Discuss it


Question 3 Explanation: 
The .well-sm class is used to change the size of wells. A bootstrap well is similar to the bootstrap panel with rounded borders and padding around the element. This is responsible for creating some attention towards the content of the webpage.
Question 4
Which of the below class in bootstrap is used to create thumbnail images ?
A
.img-crop
B
.img-thumb
C
.img-thumbnail-image
D
.img-thumbnail
Bootstrap Quiz | Set-2    
Discuss it


Question 4 Explanation: 
The .img-thumbnail is the bootstrap class for shaping the image to a thumbnail is done by the .img-thumbnail class.
Question 5
Which of the below bootstrap class are used to color the panels ?
A
panel-primary
B
panel-success
C
panel-info
D
All of the above
Bootstrap Quiz | Set-2    
Discuss it


Question 5 Explanation: 
Panel in bootstrap is used provide padding with some bordered around the content. panel is created with .panel class in bootstrap. There are many contextual panel classes like .panel-default, .panel-primary, .panel-success etc.
Question 6

Which contextual class in bootstrap indicates that successful action ?

A

.text-warning

B

.text-primary

C

.text-success

D

None of these

Bootstrap Quiz | Set-2    
Discuss it


Question 6 Explanation: 

The .text-success is the contextual class in bootstrap which indicates successful or positive action.

Question 7

Which class applies the hover color to a particular row or cell of a table in bootstrap ?

A

.warning

B

.danger

C

.active

D

.success

Bootstrap Quiz | Set-2    
Discuss it


Question 7 Explanation: 

The .active class applies the hover color to a particular row or cell of a table in bootstrap. It shows the element that is currently viewed

Question 8
Which of the below layout in bootstrap is used for providing 100% width in Bootstrap ?
A
Fixed layout
B
Fluid layout
C
Constraint layout
D
Linear layout
Bootstrap Quiz | Set-2    
Discuss it


Question 8 Explanation: 
Fluid layout in bootstrap is responsible for changing the size of the page when the window size is changed.
Question 9

What is the global default font-size and line-height?

A

15px, 1.428

B

14px, 1.5

C

14px, 1.428

D

None of the above

Bootstrap Quiz | Set-2    
Discuss it


Question 9 Explanation: 

In bootstrap the global default font size is 14px and line height is 1.428.

Question 10

Which bootstrap property used to get different size items for .pagination ?

A

.menu-lg, .lg-sm

B

.pagination-lg, .pagination-sm

C

.menu-lg, .menu-sm

D

None of the above.

Bootstrap Quiz | Set-2    
Discuss it


Question 10 Explanation: 

The .pagination-lg, .pagination-sm in bootstrap is used to get different size items for .pagination where lg means large screen and sm means small screen. 

There are 15 questions to complete.
12
My Personal Notes arrow_drop_up


Writing code in comment? Please use ide.geeksforgeeks.org, generate link and share the link here.