Web Technology Experts Notes

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