Online Bootstrap Test (Basic)

Reviewed by Editorial Team
The ProProfs editorial team is comprised of experienced subject matter experts. They've collectively created over 10,000 quizzes and lessons, serving over 100 million users. Our team includes in-house content moderators and subject matter experts, as well as a global network of rigorously trained contributors. All adhere to our comprehensive editorial guidelines, ensuring the delivery of high-quality content.
Learn about Our Editorial Process
| By Stephanie Young
S
Stephanie Young
Community Contributor
Quizzes Created: 85 | Total Attempts: 70,855
| Attempts: 1,247
SettingsSettings
Please wait...
  • 1/10 Questions

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

    • HTML5
    • JQuery
    • Javascript
    • Bootstrap
Please wait...
About This 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.

Online Bootstrap Test (Basic) - Quiz

Quiz Preview

  • 2. 
    Which of the following indicates a big box for calling extra attention to some special content or information? - ProProfs

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

    • A glyphicon

    • A jumbotron

    • A pager

    • A pignation

    Correct Answer
    A. 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:

  • 3. 
    Which of the following classes adds borders on all sides of the table and cells? - ProProfs

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

    • .table - stripped

    • .table -hover

    • .table - condensed

    • .table - bordered

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

    Rate this question:

  • 4. 
    Which of the following classes makes a button unclickable? - ProProfs

    Which of the following classes makes a button unclickable?

    • .btn - danger

    • .btn - block

    • .active

    • .disabled

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

    Rate this question:

  • 5. 
    Which of the following is not a benefit of bootstrap? - ProProfs

    Which of the following is not a benefit of bootstrap?

    • Browser compatibility

    • Responsive features

    • Mobile-first approach

    • Complexity

    Correct Answer
    A. 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:

  • 6. 
    How many classes does bootstrap grid system has?  - ProProfs

    How many classes does bootstrap grid system has? 

    • 1

    • 2

    • 3

    • 4

    Correct Answer
    A. 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. 
    Which of the following classes provides a responsive fixed width container? - ProProfs

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

    • .container

    • .container - fluid

    • .fluid - container

    • .container - fixed

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

    Rate this question:

  • 8. 
    In Bootstrap, which HTML element is used to create a lighter, secondary text in any heading? - ProProfs

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

    • Mark

    • Abbr

    • Small

    • Code

    Correct Answer
    A. 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. 
    Bootstrap's global default font-size is  - ProProfs

    Bootstrap's global default font-size is 

    • 20px

    • 16px

    • 18px

    • 12px

    Correct Answer
    A. 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:

  • 10. 
    The class used to create an image gallery is - ProProfs

    The class used to create an image gallery is

    • .img - thumbnail

    • .thumbnail

    • .gallery

    • .item

    Correct Answer
    A. .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:

Quiz Review Timeline (Updated): Mar 19, 2023 +

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

Recent Quizzes

Online Bootstrap Test (Advance) Online Bootstrap Test (Advance)
Bootstrap 4 Quick Start: Quiz Bootstrap 4 Quick Start: Quiz
Online Bootstrap Test (Advance) Online Bootstrap Test (Advance)
Back to Top Back to top
Advertisement
×

Wait!
Here's an interesting quiz for you.

We have other quizzes matching your interest.