Bootstrap Interview Questions and Answers for Fresher

Bootstrap is CSS+Javascript based framework to design rich application interface with minimal effort and create native design to work well on all devices like desktop tablet and mobiles. Mostly UI developer currently using bootstrap to design their website and apps So in this post I have complied some important Bootstrap Interview Questions and Answers for Fresher which help you during interview.

Question: In Which language Bootstrap is written?

HTML, CSS, LESS, Sass and JavaScript

Question: Why should use Bootstrap?

* It is helpful to create native design because of their rich device responsive libraries.

* It is supported by all popular browsers.

* Easy to get started

* It’s totally free and open sourced

* It’s totally free and open sourced

* Provides a clean and uniform solution for building an interface for developers.

Question: Who developed the Bootstrap?

Mark Otto and Jacob Thornton developed bootstrap at Twitter lab.

Question: From where we can download the Bootstrap?

Website: http://getbootstrap.com/

Question: What are the key components of Bootstrap?

CSS, Scaffolding, Layout Components, JavaScript Plugins, Customize code as per your need.

Question: What are class loaders in Bootstrap?

Class loader is a part of JRE (Java Runtime Environment) which loads Java classes into Java virtual environment. Class loaders also does the process of converting a named class into its equivalent binary form.

Question: What is Bootstrap Grid System?

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.

Question: What are the common bootstrap class to apply background colors.

.active, .success, .warning, .danger, .info

Question: What are different types of layout available in Bootstrap?

* Fluid Layout

* Fixed Layout

Question: What is responsive layout?

Responsive layout which is able to adapt itself to different sizes as well, but when resizing, the number of columns changes according to the available space.

Question: What are Offset columns?

Offsets are a useful feature for more specialized layouts. They can be used to push columns over for more spacing, for example. The .col-xs = * classes don’t support offsets, but they are easily replicated by using an empty cell.

Question: What function you can use to wrap a page content?

To wrap a page content you can use .container and using that you can also center the content.

Question: How you can add badge to list group in Bootstrap?

Using .badge class.

Question: What is Bootstrap well?

Bootstrap well is a container

that makes the content to appear sunken or an inset effect on the page. In order to create a well, wrap the content that you would like to appear in the well with a

containing the class of .well.

Question: What is Fluid Layout in Bootstrap?

Fluid layout adapts itself to different browser. Means design automatic adjust according to browser size.

Question: What is Fixed Layout in Bootstrap?

Fixed layout doesn’t adapts itself to different browser but it can be responsive.

Question: What are Bootstrap media queries?

Media Queries in Bootstrap allow you to move, show and hide content based on viewport size.

Question: What is Modal plugin used for in Bootstrap?

Modal Plugin is a child window that is layered over its parent window like popup

Question: What is Jumbotron?

Jumbotron is used for content that you want to highlight like some slogan OR marketing headline.

Question: How to display code in bootstrap?

By .

<code></code>

Question: What is Bootstrap collapsing elements?

Bootstrap collapsing elements enables you to collapse any element without using external JavaScript.

Question: How do you make images responsive?

Bootstrap 3 allows to make the images responsive by adding a class .img-responsive to the tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.

Question: What is Bootstrap Container in Bootstrap?

Bootstrap container is a class which is useful and creating a centred area in the page for display.

Question: What is button group?

Button groups allow multiple buttons to be stacked together on a single line. This is useful when you want to place items like alignment buttons together.