Wednesday 31 December 2014

Bootstrap Interview Questions and Answers for Experienced

Bootstrap is Javascript framework which is used for building the rich web applications with minimal effort.Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. Current Version of Bootstrap is v3.3.1. You can download from http://getbootstrap.com/.






Question: Who developed the Bootstrap?
Mark Otto and Jacob Thornton at Twitter


Question: What are the key components of Bootstrap?
  • Plenty of CSS files
  • Scaffolding
  • List of layout components
  • JavaScript Plugins
  • Customize your components


Question: Why Use Bootstrap?
  • Easy to use
  • Responsive features
  • Mobile-first approach
  • Browser compatibility
  • Fluide & Fixed Layout available


Question: From where we can download the Bootstrap?
http://getbootstrap.com/



Question: Can we include bootstrap CDN instead of download the Bootstrap?
Yes sure, we can do from following
<!-- Latest compiled and minified CSS -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"></link>
Question: What is class loaders in Bootstrap?
Class loader is a part of Java Runtime Environment which loads Java classes into Java virtual environment.



Question: What are different types of layout available in Bootstrap?
  • Fluid Layout
  • Fixed Layout



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 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 is difference between Fluid Layout and responsive Layout?
Fluid layout adapts itself to different browser window sizes, all the values used are calculated proportionally to the viewport size, so when resizing, all the columns are resized.

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



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


Question: How to classified pagination in bootstrap?
Add class "pagination" on your page for pagination.
.disabled, .active are available
.pagination-Ig, .pagination-sm to get different sizes



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


Question: What to display code in bootstrap?
you can use following tags
<code></code>



Question: What is Modal plugin used for in Bootstrap?
Modal Plugin is a child window that is layered over its parent window


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 Bootstrap collapsing elements?
Bootstrap collapsing elements enables you to collapse any element without using external JavaScript.


Question: How to add badge to list group in Bootstrap?
<span class="badge"></span> in LI Tag



Question: What is Media Object?
Media objects in Bootstrap enables to put media object like image, video or audio


Question: What are different types of Media Object?
.media
.media-list


Question: What is Bootstrap well?
Bootstrap well is a container which makes the content to appear sunken.



Question: What are current Stable version of Bootstrp
Version: 3.3.7, Dated: July 25, 2016

Question: In Which language Bootstrap is written?
HTML, CSS, LESS, Sass and JavaScript