B

BOOTSTRAP
 www.codingtag.co

TOP
m

INTERVIEW QUESTIONS

www.codingtag.com
 Q. What is Bootstrap?
A. Bootstrap is the most popular Open Source Toolkit including
HTML, CSS, and JS dependent templates used for building
rapidly mobile responsive, dynamic websites and web
applications.

www.codingtag.com
Q. Who had discovered front-end
Bootstrap framework?
A. Jacob Thornton and Mark Otto at Twitter

www.codingtag.com
 Q. Explains the type of layout present in
Bootstrap?
A. There are mainly two types of layout found in Bootstrap.
Fluid Layout(.container-fluid) and Fixed Layout(.container).
Both these containers are used to design responsive layout.
When we want to use the whole width of the screen or to use
to hundred percent wide application, fluid layout is preferable
and for any basic screen, we can use a fixed layout. In fixed,
pixel values are specified. The fluid layout can be able to
adopt in any browser windows size by calculating all the
values proportionally.
www.codingtag.com
Q. What function can you use to wrap page
content in Bootstrap?
A. .container can be used.

www.codingtag.com
Q. How can you add a badge to list group
in Bootstrap?
A. You need to create a element along with .badge class
surrounded the list item.

Example
<span class = "badge"> within the <li> element.

www.codingtag.com
 Q. What is a jumbotron in Bootstrap?

A. Jumbotron is a big Grey Box displayed to highlight

important key marketing contents to your website. You can
also enlarge the text under this box. To create a jumbotron,
you need to use a class .jumbotron with a <div>
element.

www.codingtag.com
Q. What are methods to display code Bootstrap?

A. There are two tags <pre> and <code> are used to display
code.

www.codingtag.com
 Q. What is Bootstrap well in Bootstrap?

A. Bootstrap is a component or container present in <div> and

class .well to inset effect to an element.

<div class=“well”> Well </div>

www.codingtag.com
Q. What are Carousel plugin in Bootstrap?

A. The carousel can be defined as a slideshow of java scripts

and CSS 3D transforms content work with series of text,
images, or custom markup.

www.codingtag.com
 Q. Can we make a responsive image in
Bootstrap?
A. Yes, we can make a responsive image with the use of .img-
responsive in the <img> tag.

www.codingtag.com
 Q. What is the class loader in Bootstrap?
A. The class loader is component of Java Runtime Environment
with the help of this loader, Java classes loaded into Java
virtual environment. It also converts a specified class into its
corresponding binary pattern. It loads Java classes from java
library. This library refers to the root of this loading hierarchy.

www.codingtag.com
Q. What are Bootstrap packages consist of?

A. Scaffolding, CSS, Components, Customize, Java Plugins etc.

www.codingtag.com
Q. What are contextual classes of the table
used in Bootstrap?
A. Contextual classes are used to modify the background color
of the table cells or individual rows. Classes that are
commonly used are .success, .active, .warning, .info and
.danger.

www.codingtag.com
Q. What are bootstrap media queries?

A. With bootstrap, we can create the key breakpoints,

display, hide and move based on view port size.

www.codingtag.com
Q. What is the latest version of Bootstrap?

A. Bootstrap 4

www.codingtag.com
Q. Lists the languages in which Bootstrap is
written?
A. JavaScript
HTML
CSS
SASS
LESS

www.codingtag.com
Q. What is transition plugin in bootstrap?

A. Transition plugins can be used for transition effects

including fading out alerts, tabs, carousels panes and modals.
Transition.js along with js is needed to insert this
functionality.

www.codingtag.com
Q. How can we resize a group of a
button instead of resizing each
button?
A. These classes .btn-group-lg, .btn-group-xs classes, .btn-
group-sm can be used to resize a group button.

www.codingtag.com
Q. How can we customize the links for
pagination in Bootstrap?
A. .active to specify the current page.
.disabled can be used for unclickable links.

www.codingtag.com
 Q. Explain the lists in Bootstrap?
A. There are three types of lists can be available in Bootstrap
that includes ordered, unordered and definitions list.

www.codingtag.com
 Q. Can we stack multiple progress bars?
A. Yes, .progress class can be used along with <div> tag and if
we want to visualize percentage .sr-only, can be used.

www.codingtag.com
 Q. How to use the Dropdown plugin?

A. dropdown.js is required to add the Dropdown plugin.

Add data-toggle="dropdown" to a button.

www.codingtag.com
 Q. What are the differences between
foundation and Bootstrap?
A. In foundation, Rems are used and pixels are used in
Bootstrap. In foundation, campas and SASS are used and in
bootstrap, LESS can be used.

Bootstrap provides unlimited no of UI elements.

Bootstrap is preferable when there is a need for stability
and
speed factors and for flexibility, the foundation can be
www.codingtag.com
 Q. What are media objects and its type?
A. With media objects, we can add media like videos, images
to the written article or blogs. There are two types of media
objects available in bootstrap i.e. .media and .media-list.

.media can be used to float ordered objects images right or

left.
.media-list can be used for unordered list objects.

www.codingtag.com
 Q. What are Glyphicons in Bootstrap?
A. There can be more than 200 glyphicons can be available from the
glyphicons set. It acts as icon fonts used in our web designing
projects and can be used in buttons, navigation, forms, buttons etc.
Glyphicons Halflings are free only for Bootstrap projects otherwise a
license is required.

Examples of Glyphicon are print glyphicon, envelope glyphicon.

<span class="glyphicon glyphicon-name"> </span>

www.codingtag.com