Online Bootstrap Test (Basic)
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.
- 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. BootstrapExplanation
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. ComplexityExplanation
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. .containerExplanation
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. .thumbnailExplanation
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 jumbotronExplanation
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. 4Explanation
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. 12pxExplanation
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. SmallExplanation
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 - borderedExplanation
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. .disabledExplanation
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, 2023Quiz Edited by
ProProfs Editorial Team -
Feb 21, 2018Quiz Created by
Stephanie Young
Back to top