Online Bootstrap Test (Basic)

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: 85 | Total Attempts: 63,576
Questions: 10 | Attempts: 1,205

SettingsSettingsSettings
Online Bootstrap Test (Basic) - Quiz

Do you have the basic bootstrap knowledge? How confident are you about that? This test is to show how much you know or don't know about bootstrap.


Questions and Answers
  • 1. 

    Which of the following is a free front-end framework for faster and easier web development?

    • A.

      HTML5

    • B.

      JQuery

    • C.

      Javascript

    • D.

      Bootstrap

    Correct Answer
    D. Bootstrap
    Explanation
    Bootstrap is a free front-end framework that allows developers to create responsive and mobile-first websites quickly and easily. It provides a set of pre-designed templates, CSS styles, and JavaScript components that can be easily customized and integrated into web projects. Bootstrap simplifies the process of building websites by providing a range of ready-to-use components and layouts, making it a popular choice for web developers looking to streamline their development process.

    Rate this question:

  • 2. 

    Which of the following is not a benefit of bootstrap?

    • A.

      Browser compatibility

    • B.

      Responsive features

    • C.

      Mobile-first approach

    • D.

      Complexity

    Correct Answer
    D. Complexity
    Explanation
    Complexity is not a benefit of bootstrap. Bootstrap is a popular front-end framework that provides a set of pre-designed components and styles to help developers build responsive and mobile-first websites easily. It simplifies the development process by offering a grid system, ready-to-use UI components, and a responsive layout. However, bootstrap can sometimes be considered complex for beginners due to its extensive documentation and numerous customization options. Despite this, complexity is not a benefit but rather a potential drawback for some users.

    Rate this question:

  • 3. 

    Which of the following classes provides a responsive fixed width container?

    • A.

      .container

    • B.

      .container - fluid

    • C.

      .fluid - container

    • D.

      .container - fixed

    Correct Answer
    A. .container
    Explanation
    The class ".container" provides a responsive fixed width container.

    Rate this question:

  • 4. 

    The class used to create an image gallery is

    • A.

      .img - thumbnail

    • B.

      .thumbnail

    • C.

      .gallery

    • D.

      .item

    Correct Answer
    B. .thumbnail
    Explanation
    The correct answer is .thumbnail because the class .thumbnail is commonly used to create an image gallery. This class is often applied to the container element that holds the images in the gallery, allowing for consistent styling and layout. By using the .thumbnail class, developers can easily apply CSS rules and JavaScript functionality to the gallery, making it visually appealing and interactive for users.

    Rate this question:

  • 5. 

    Which of the following indicates a big box for calling extra attention to some special content or information?

    • A.

      A glyphicon

    • B.

      A jumbotron

    • C.

      A pager

    • D.

      A pignation

    Correct Answer
    B. A jumbotron
    Explanation
    A jumbotron is a term commonly used in web design to describe a large container that is used to draw attention to important or special content or information. It is typically a big box that is placed prominently on a webpage to highlight specific content, such as a featured article or announcement. The term "jumbotron" is derived from the large screens often seen in stadiums or arenas that display important information to a large audience. A glyphicon, pager, and pignation do not typically indicate a big box for calling extra attention to special content or information.

    Rate this question:

  • 6. 

    How many classes does bootstrap grid system has? 

    • A.

      1

    • B.

      2

    • C.

      3

    • D.

      4

    Correct Answer
    D. 4
    Explanation
    The bootstrap grid system has four classes. These classes are used to create responsive layouts and divide the webpage into columns. The classes are named col-1, col-2, col-3, and col-4, representing the number of columns each class spans. By using these classes, developers can easily create flexible and responsive designs for their websites.

    Rate this question:

  • 7. 

    Bootstrap's global default font-size is 

    • A.

      20px

    • B.

      16px

    • C.

      18px

    • D.

      12px

    Correct Answer
    D. 12px
    Explanation
    Bootstrap's global default font-size is 12px. This means that the default font size for all elements in a Bootstrap website or application is set to 12 pixels. This can be useful for maintaining consistency in the design and ensuring that text is easily readable across different devices and screen sizes.

    Rate this question:

  • 8. 

    In Bootstrap, which HTML element is used to create a lighter, secondary text in any heading?

    • A.

      Mark

    • B.

      Abbr

    • C.

      Small

    • D.

      Code

    Correct Answer
    C. Small
    Explanation
    The correct answer is "small". In Bootstrap, the "small" HTML element is used to create a lighter, secondary text in any heading. This element can be used to emphasize additional information or provide a smaller, less prominent text within a heading.

    Rate this question:

  • 9. 

    Which of the following classes adds borders on all sides of the table and cells?

    • A.

      .table - stripped

    • B.

      .table -hover

    • C.

      .table - condensed

    • D.

      .table - bordered

    Correct Answer
    D. .table - bordered
    Explanation
    The .table-bordered class adds borders on all sides of the table and cells.

    Rate this question:

  • 10. 

    Which of the following classes makes a button unclickable?

    • A.

      .btn - danger

    • B.

      .btn - block

    • C.

      .active

    • D.

      .disabled

    Correct Answer
    D. .disabled
    Explanation
    The class ".disabled" makes a button unclickable.

    Rate this question:

Quiz Review Timeline +

Our quizzes are rigorously reviewed, monitored and continuously updated by our expert board to maintain accuracy, relevance, and timeliness.

  • Current Version
  • Mar 19, 2023
    Quiz Edited by
    ProProfs Editorial Team
  • Feb 21, 2018
    Quiz Created by
    Stephanie Young

Related Topics

Back to Top Back to top
Advertisement
×

Wait!
Here's an interesting quiz for you.

We have other quizzes matching your interest.