πŸ“Š Bootstrap
Q. Which of the following statement is correct about the Bootstrap wells?
  • (A) By default, the size of wells is medium.
  • (B) Using .well-sm and .well-lg classes, we can change the size of wells.
  • (C) The .well-sm class is for small wells, and the .well-lg class is for large wells. And both classes should be used in conjunction with .well class.
  • (D) All of the above
πŸ’¬ Discuss
βœ… Correct Answer: (D) All of the above

Explanation:

In Bootstrap, wells are used to create a visually distinct container for content. Here's the breakdown of the statements:

(A) By default, the size of wells is medium: Yes, the default size of a well is medium. It provides a moderate padding and border-radius, giving it a "boxed" appearance.

(B) Using .well-sm and .well-lg classes, we can change the size of wells: This is correct. You can use .well-sm for small wells and .well-lg for large wells to adjust the size of the wells as needed.

(C) The .well-sm class is for small wells, and the .well-lg class is for large wells. And both classes should be used in conjunction with .well class: This is true. The .well-sm and .well-lg classes are modifiers that work together with the .well class to adjust the size of the well.

So, all of the statements are correct, making (D) All of the above the right answer.

πŸ“Š Bootstrap
Q. Which of the following class in Bootstrap is used to create an animated progress bar?
  • (A) .active
  • (B) .progress-success
  • (C) .progress-active
  • (D) None of the above
πŸ’¬ Discuss
βœ… Correct Answer: (A) .active

Explanation:

In Bootstrap, to create an animated progress bar, you generally need to use .progress-bar-animated class. However, none of the options listed specifically create an animated progress bar.

Here’s a brief explanation of each option:

  • (A) .active: This class is typically used for indicating active states for elements like list items or buttons, but not for animated progress bars.
  • (B) .progress-success: This class is used to style a progress bar to indicate a "success" state, but it does not animate the progress bar.
  • (C) .progress-active: There is no .progress-active class in Bootstrap for progress bars.

To create an animated progress bar in Bootstrap, you would use the class .progress-bar-animated, along with the standard progress bar classes. For example:

<div class="progress">
<div class="progress-bar progress-bar-animated" style="width: 50%"></div>
</div>

This makes (D) None of the above the correct answer.

πŸ“Š Bootstrap
Q. The class "xs" in Bootstrap is used for -
  • (A) tablets
  • (B) phones
  • (C) desktop
  • (D) All of the above
πŸ’¬ Discuss
βœ… Correct Answer: (B) phones
πŸ“Š Bootstrap
Q. Which of the following grid class in Bootstrap is used for desktops?
  • (A) xs
  • (B) sm
  • (C) lg
  • (D) md
πŸ’¬ Discuss
βœ… Correct Answer: (D) md
πŸ“Š Bootstrap
Q. Which of the following class in Bootstrap is used to create a button as a link?
  • (A) .btn-anchor
  • (B) .btn-link
  • (C) .btn-hyperlink
  • (D) None of the above
πŸ’¬ Discuss
βœ… Correct Answer: (B) .btn-link

Explanation: .btn-link is used to convert a button into link.
<button class="btn-link">Link goes here</button>

πŸ“Š Bootstrap
Q. Which of the following class is used to create a thumbnail image?
  • (A) .img-circle
  • (B) .img-nail
  • (C) .img-thumb
  • (D) .img-thumbnail
πŸ’¬ Discuss
βœ… Correct Answer: (D) .img-thumbnail
πŸ“Š Bootstrap
Q. The class used to right align the navigation bar buttons is
  • (A) .navbar-rgt
  • (B) .navbar-btn
  • (C) .navbar-right
  • (D) .navbar-default
πŸ’¬ Discuss
βœ… Correct Answer: (C) .navbar-right
πŸ“Š Bootstrap
Q. Which of the following class indicates the capitalized text?
  • (A) .text-capitalize
  • (B) .text-upper
  • (C) .uppercase
  • (D) .text-uppercase
πŸ’¬ Discuss
βœ… Correct Answer: (A) .text-capitalize
πŸ“Š Bootstrap
Q. What is the default layout of the Bootstrap form?
  • (A) Horizontal
  • (B) Inline
  • (C) Vertical
  • (D) None of the above
πŸ’¬ Discuss
βœ… Correct Answer: (C) Vertical
πŸ“Š Bootstrap
Q. Who developed the bootstrap?
  • (A) James Gosling
  • (B) Mark Jukervich
  • (C) Dennis Ritchie
  • (D) Mark Otto and Jacob Thornton
πŸ’¬ Discuss
βœ… Correct Answer: (D) Mark Otto and Jacob Thornton