Online Bootstrap Test (Advance)

Approved & Edited by ProProfs Editorial Team

The editorial team at ProProfs Quizzes consists of a select group of subject experts, trivia writers, and quiz masters who have authored over 10,000 quizzes taken by more than 100 million users. This team includes our in-house seasoned quiz moderators and subject matter experts. Our editorial experts, spread across the world, are rigorously trained using our comprehensive guidelines to ensure that you receive the highest quality quizzes.

Learn about Our Editorial Process

| By Stephanie Young

Stephanie Young

Community Contributor

Quizzes Created: 85 | Total Attempts: 66,901

Questions: 10 | Attempts: 743 | Updated: Mar 21, 2023

Questions

Settings

Create your own Quiz

Share on Facebook Share on Twitter Share on Whatsapp Share on Pinterest Share on Email Copy to Clipboard Embed on your website

Do you have great bootstraps skills? Why don't you take this quiz to ascertain how much skill and knowledge you possess, this quiz will help you in revealing that.

Questions and Answers

1.

Bootstrap was developed by
- A.
  
  Tim Berners-Lee
- B.
  
  Mark Otto and Jacob Thornton
- C.
  
  Håkon Wium Lie and Bert Bos World
- D.
  
  Rasmus Lerdorf
Correct Answer
B. Mark Otto and Jacob Thornton

Explanation
Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub

Rate this question:
2.

Which of the following is not a class of bootstrap's text color?
- A.
  
  .text-success
- B.
  
  .text-muted
- C.
  
  .text-danger
- D.
  
  .text-allow
Correct Answer
D. .text-allow
3.

Which of the following bootstrap classes makes a paragraph stand out?
- A.
  
  .initialism
- B.
  
  .small
- C.
  
  .text-center
- D.
  
  .lead
Correct Answer
D. .lead

Explanation
.lead makes a paragraph stand out

Rate this question:

1
0
4.

Which of the following is not an example of GLYpHICONS?
- A.
  
  Download glyphicon
- B.
  
  Envelope glyphicon
- C.
  
  Print glyphicon
- D.
  
  Menu glyphicon
Correct Answer
D. Menu glypHicon

Explanation
The question asks for an example that is not a glyphicon. Glyphicons are a set of icons that are commonly used in web design. The options "Download glyphicon," "Envelope glyphicon," and "Print glyphicon" are all examples of glyphicons because they are icons that represent specific actions or objects. However, the "Menu glyphicon" is not an example of a glyphicon because it represents a menu or a list rather than a specific action or object.

Rate this question:
5.

What class adds a rounded border around an element with a gray background color and some padding?
- A.
  
  .jumbotron
- B.
  
  .pagination
- C.
  
  .well
- D.
  
  .pager
Correct Answer
C. .well

Explanation
The .well class adds a rounded border around an element with a gray background color and some padding. This class is commonly used to create a visually appealing container or section on a webpage.

Rate this question:
6.

Which of the following classes is used to provide additional information about something?
- A.
  
  .label
- B.
  
  .well
- C.
  
  .container
- D.
  
  .badge
Correct Answer
A. .label

Explanation
The class ".label" is used to provide additional information about something. This class is commonly used in web development to add descriptive text or labels to elements on a webpage. By applying this class to an element, developers can provide additional context or information to users, enhancing the user experience and making the webpage more informative.

Rate this question:
7.

Which of the following is not a contextual class?
- A.
  
  .progress - bar - info
- B.
  
  .label - primary
- C.
  
  .badge
- D.
  
  .label - success
Correct Answer
C. .badge

Explanation
The .badge class is not a contextual class because it is used to create a badge or a small notification element. Contextual classes are used to add different colors and styles to elements based on the context or purpose. The other options (.progress-bar-info, .label-primary, .label-success) are contextual classes that are used to style progress bars and labels with specific colors and styles.

Rate this question:
8.

Which of the following is not a type of bootstrap's form layout?
- A.
  
  External form
- B.
  
  Vertical form
- C.
  
  Inline form
- D.
  
  Horizontal form
Correct Answer
A. External form

Explanation
Bootstrap does not have a specific form layout called "External form". However, it does provide three other types of form layouts: Vertical form, Inline form, and Horizontal form. These layouts allow developers to easily create and customize forms in their web applications.

Rate this question:
9.

If you need to insert plain text to a form label within a horizontal form, the class to use is
- A.
  
  .form - static - control
- B.
  
  .form - control - static
- C.
  
  .form - control - inline
- D.
  
  .form - inline - control
Correct Answer
B. .form - control - static

Explanation
To insert plain text to a form label within a horizontal form, the class to use is ".form-control-static". This class is specifically designed for displaying static text within a form control. It ensures that the text is properly aligned and styled within the form.

Rate this question:
10.

You can size the height of input elements using
- A.
  
  .input - xm
- B.
  
  .input - se
- C.
  
  .input - ms
- D.
  
  .input - lg
Correct Answer
D. .input - lg

Explanation
The answer ".input - lg" suggests that you can size the height of input elements using the class ".input - lg". This class is likely a part of a CSS framework or styling library that provides predefined styles for different sizes of input elements. By applying the ".input - lg" class to an input element, you can increase its height to make it larger than the default size.

Rate this question: