Bootstrap Practice Test
Content must be contained within the Bootstrap
Explanation:
Only columns may be immediate children of rows, and content should be placed within them.
Bootstrap is built around reusable ___________ that include basic, sub, and design variant styles.
Explanation:
Bootstrap is bundled with tens of components that can be reused to provide good user experience and user
interactions in a web page like navigation bars, pop-ups, dropdowns, icons, buttons, pre-designed forms and
also sizing options for different DOM elements.
How many columns are there in the Bootstrap grid system?
Explanation:
Due to the fact that the Bootstrap grid structure is built on 12 columns,
preserve the columns in a single line (i.e. side by side), the grid's total
The number of columns in a single row should not exceed 12.
In Bootstrap, what class name would you give a full-width container?
Explanation:
Using the bootstrap "container-fluid" class, we can create a full-width container. Containers are the most
fundamental layout element in Bootstrap, and they're essential if you want to use our default grid system.
What differentiates the.container-fluid class from the.container class?
Explanation:
For all screen sizes, such as mobile, tablet, and desktop, the.container class has a set width,
but the.container-fluid class has a full width.
What was the original name of Bootstrap?
Explanation:
Mark Otto and Jacob Thornton created Bootstrap, formerly known as Twitter Blueprint, at Twitter as a
framework to ensure consistency across internal tools. Before Bootstrap, interface development was
done with a variety of libraries, which resulted in inconsistencies and a significant maintenance overhead.
Which class is used to make a big box that attracts extra attention?
Explanation:
A Bootstrap jumbotron is a large box used to draw attention to specific material or information. It
appears in the form of a grey box with rounded corners. It also has the ability to enlarge the font
sizes of the text within it.
To make a badge, what class is used?
Explanation:
Badges are generated by combining the.badge Bootstrap span class with a contextual class
(for example,.badge-success) on a span> element to provide more information to content.
Who developed the Bootstrap?
Explanation:
Mark Otto and Jacob Thornton created Bootstrap, formerly known as Twitter Blueprint, at Twitter as a
framework to ensure consistency across internal tools.
To make a basic pagination, which class is used?
Explanation:
To create a basic pagination, add the.pagination class to an ul> element.
A panel's heading is added by which class?
Explanation:
The.panel-header class adds a heading to the panel: The.panel-footer class adds a footer to the panel:
Wrap a div> with the class.panel-group around multiple panels to group them together. The.panel-group
class clears each panel's bottom-margin:
CSS stands for
Explanation:
CSS (Cascading Style Sheets) is a style sheet language for describing the appearance of a document
authored in a markup language like HTML. Along with HTML and JavaScript, CSS is a key component
of the World Wide Web.
To make a basic list group, which class is used?
Explanation:
An unordered list with list elements is the most basic list group. A basic list group is created using the classes
".list-group" in the ul> element and ".list-group-item" in the li>element. In addition, badges can be added to
a list group.
What are the most significant difference between ID and Class?
Explanation:
The main distinction is that "id" is unique within a page and can only be used to one element, whereas
"class" can be applied to numerous components.
A modal window is created using which plugin?
Explanation:
Is a simple plugin that allows you to make modal windows. With a few lines of code, it may generate alert
or confirmation messages. Simple Modal is not a lightbox, despite the fact that it has the ability to hide
elements of its layout.
In Bootstrap, what layout is used to provide 100 percent width?
Explanation:
The fixed-layout has a specific width, but the fluid layout uses the entire width of the application.
Page layout is mostly determined by the header, footer, sidebar, main text, and navigational bar.
To make a tooltip, which plugin is used?
Explanation:
The tooltip, also known as an infotip or a hint, is a common graphical user interface element in which a text
box displays information about a screen element or component when the user hovers over it, such as a
description of a button's function, the meaning of an abbreviation, or the exact absolute time stamp over a
relative time ("... ago"). As long as the user hovers over the element, the tooltip will be displayed.
To cycle through elements, such as a slideshow, which plugin is used?
Explanation:
The carousel plugin is a component that allows you to cycle through elements, such as images.
slideshow. If you wish to add plugin functionality one by one, you can do so must utilize the
carouseljs file or all at once (using "bootstrap.js" or "bootstrap.min.js").
Which of the following statements concerning the popover Plugin's data-trigger Data attribute is correct?
Explanation
The correct answer
Defines how the popover is triggered
Which of the following statements about Bootstrap cross-browser compatibility is correct?
Explanation
The correct answer
All of the above
Which of the following bootstrap image styles adds border-radius:500px to make the full picture round?
Explanation:
Bootstrap class img-circle. Bootstrap is a CSS framework for web development. To style your image and make it
totally round, use the img-circle Bootstrap class.
What are the two primary methods for incorporating Bootstrap into your website? Select two option
Please select 2 correct answers
Explanation
The correct answer
Linking to a customized build using the Sass source files
Linking to a precompiled CSS/JS versions via CDN or locally
True/False: Flexbox is a custom named component built by Bootstrap, not a basic CSS feature.
Explanation:
The flexbox is useful for responsive web design because it provides space between containers and items based
on the device screen size. The flexbox adjusts the element's height, breadth, and size to fit the user's needs at
the desired location.
Which class indicates the presence of a dropdown menu?
Explanation:
A dropdown menu is indicated by the.dropdown class.
The global default line-height in Bootstrap
Explanation:
The default font size in Bootstrap is 14px, with a line height of 1.428. This applies to the body> tag as well as all
paragraphs. p> (paragraphs) also get a bottom margin of half their calculated line-height (10px by default).