Bootstrap Online Test Questions Part 2

7. Which class is use to display black navigation bar?

a. .nav-pills
b. .navbar-inverse
c. .nav-stacked
d. None of the above

Answer: b. .navbar-inverse

Explanation: Navigation bar is a navigation header that is placed at the top of the page. If we don't want to use default navigation bar, Bootstrap provides an alternative, black navbar i.e. .navbar-inverse.


8. Which class is used to add rounded corners to an image?

a. .img-circle
b. .img-rounded
c. Both of the above
d. None of the above

Answer: b. .img-rounded

Explanation: In Bootstrap the .img-rounded class is used to add rounded corners to an image.


9. Which of the following is true about Jumbotron?

a. A jumbotron is displayed as a grey box with rounded corners.
b. Jumbotron can increase the size of headings and add a lot of margin for landing page content.
c. Both of the above
d. None of the above

Answer: c. Both of the above

Explanation: A jumbotron indicates a big box for calling extra attention to some special content or information.
It is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it.


10. Which of the following class is used to change the size of wells?

a. .well-sm
b. .well-lg
c. Both of the above
d. None of the above

Answer: c. Both of the above

Explanation: In Bootstraps, .well-sm and .well-lg class are used for changing the size of well. The .well-ms class is used for small wells and .well-lg class for large wells.


11. Which of the following are contextual classes?

a. .success
b. .info
c. .warning
d. .active
e. All of the above

Answer: e. All of the above

Explanation: The Contextual classes can be used to color table rows or table cells. The classes that can be used are: .active, .success, .info, .warning, and .danger.


12. The bootstrap class md means for

a. phones
b. tablets
c. small laptops
d. laptops and desktops

Answer: c. small laptops

Explanation: The Bootstrap grid system has four classes:

  • xs (for phones - screens less than 768px wide)
  • sm (for tablets - screens equal to or greater than 768px wide)
  • md (for small laptops - screens equal to or greater than 992px wide)
  • lg (for laptops and desktops - screens equal to or greater than 1200px wide)