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
S
Stephanie Young
Community Contributor
Quizzes Created: 91 | Total Attempts: 61,328
Questions: 10 | Attempts: 688

SettingsSettingsSettings
Online Bootstrap Test (Advance) - Quiz

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:

  • 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:

Related Topics

Back to Top Back to top
Advertisement
×

Wait!
Here's an interesting quiz for you.

We have other quizzes matching your interest.