Bootstrap is A Free And Open Source Front End Development Framework For The Creation Of Websites And Web Apps. The Bootstrap framework Is Built On HTML, CSS, And JavaScript (JS) To Facilitate The Development Of Responsive, Mobile-first Sites And Apps.
1.Explain what is Bootstrap?
Bootstrap is JavaScript framework for building the rich web applications with minimal effort. Thisframework emphasis more on building mobile web applications.
2.Explain why to choose Bootstrap for building the websites?
There are few reason why we choose Bootstrap for building websites
Mobile Support: For mobile devices it provides full support in one single file rather than in separate file. Itsupports the responsive design including adjusting the CSS based on the different types of device, size ofthe screen etc. It reduces extra effort for developers.
Easy to learn: Writing application in bootstrap is easy if you know CSS and HTML
Browser Support: It supports all the popular browsers like Firefox, Opera, Safari, IE etc.
3.What are the key components of Bootstrap?
The key components of Bootstrap are
CSS : It comes with plenty of CSS files Scaffolding : It provides a basic structure with Grid system , linkstyles and background
Layout Components : List of layout components JavaScript Plugins: It contains many jQuery and JavaScriptplugins
Customize: To get your own version of framework you can customize your components.
4.Explain what are class loaders in Bootstrap?
Class loader is a part of JRE (Java Runtime Environment) which loads Java classes into Java virtualenvironment. Class loaders also does the process of converting a named class into its equivalent binary form.
5.What are the types of layout available in Bootstrap?
In Bootstrap there are two types of Layout available
Fluid Layout: Fluid layout is used when you want to create a app that is 100% wide and use up all the width
of the screen
Fixed Layout: For a standard screen you will use fixed layout (940 px) option
6.Explain what is Bootstrap Grid System?
For creating page layout through a series of rows and columns that house your content Bootstrap GridSystem is used.
7.What are offset columns in Bootstrap?
For more specialized layouts offsets are a useful feature. For more spacing they can be used by pushingcolumn over.
For example, .col-xs=* classes do not support offset but they are easily replicated using an empty cell
8.What is column ordering in Bootstrap?
Column ordering is one of the feature available in bootstrap and you can easily write columns in an orderand show them in another one. With .col-md-push-* and .colmd- pull-* the order of the column can beeasily changed.
9.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.
10.Explain what pagination in bootstrap is and how they are classified?
Pagination is the handling of an unordered list by bootstrap. To handle pagination bootstrap providesfollowing classes
page
11.What is the use of Jumbotron in Bootstrap?
In bootstrap, Jumbotron is generally used for content that you want to highlight like some slogan ormarketing headline etc. in other words it is used to enlarge the size of the headings and to add a margin forlanding page content
To use the Jumbotron in Bootstrap
12.What is the difference between Bootstrap and Foundation?
Bootstrap Foundation
Bootstrap offers unlimited number of UIelements
In Foundation UI element options arevery limited in numbers
Bootstraps uses pixels
Foundation use REMs
Bootstrap encourages to design for bothdesktop and mobile.
Foundation encourages to design mobilefirst
Bootstrap support LESS as itspreprocessor
Foundation support Sass and Compass asits preprocessor
13.In Bootstrap what are the two ways you can display the code?
In bootstrap you can display code in two ways
should use <pre> tag
14.Explain what are the steps for creating basic or vertical forms?
The steps for creating basic or vertical forms are
15.Explain what is Modal plug-in used for in Bootstrap?
A modal is a child window that is layered over its parent window. Using a custom Jquery Plug-in,Bootstrap Modal are created. To enrich user experience and to add functionality to users, modal windowsare created with the help of Modal plug-in.
16.Explain what is Bootstrap Container?
Bootstrap container is a class which is useful and creates a centred area within the page where our sitecontent can be put within. The advantage of the bootstrap .container is that it is responsive and will placeall our other HTML code.
17.Explain what is Bootstrap collapsing elements?
Bootstrap collapsing elements enables you to collapse any particular element without writing anyJavaScript code or the accordion markup. In Bootstrap to apply collapsing elements you have to adddata-toggle= “collapse” to the controller element along with a data-target or href to automatically assigncontrol of a collapsible element. Likewise, you can use .collapse (options), .collapse (‘show’) or .collapse(‘hide’)
18.Explain what is list group in Bootstrap and what is the use of it?
List groups are components to display both simple and complex element with custom content
For example, a simple list group is created using class .listgroup to address the list, and class.list-group-item to address individual item.
19.How you can add badge to list group in Bootstrap?
To add badge to list group in Bootstrap you have to simply add <span class = “badge”> within the <li>element.
20.Explain what media object in Bootstrap is and what are their types?
Media objects in Bootstrap enables to put media object like image, video or audio to the left or right of thecontent blocks. Media element can be created using the class
.media and the source is specified in using the class
.media-object. Media-objects are of two types,
They are of two types
.media
.media-list
21.Explain what is Bootstrap well?
Bootstrap well is a container <div> 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 <div> containingthe class of .well.
22.Explain how you can create Nav elements in Bootstrap?
Bootstrap offers various options for styling navigation elements all of them use the same markup and baseclass .nav.
To create Tabular Navigation or Tabs
23.Explain what is the use of Bootstrap Carousel plug-in?
The Carousel plug-in is used to add a slider to your site. It is useful in condition where you want to displayhuge amount of contents within a small space on the web pages. Some of the standard carousel includes
.carousel (options)
.carousel (‘cycle’)
.carousel (‘pause’)
.carousel (‘number’)
.carousel (‘prev’)
.carousel (‘next’)
24.What are the key components of Bootstrap?
25.What is class loaders in Bootstrap?
Class loader is a part of Java Runtime Environment which loads Java classes into Java virtualenvironment.
26.What are different types of layout available in Bootstrap?
27.What is Fluid Layout in Bootstrap?
Fluid layout adapts itself to different browser. Means design automatic adjust according to browser size.
28.What is Fixed Layout in Bootstrap?
Fixed layout doesn't adapts itself to different browser but it can be responsive.
29.What is responsive layout?
Responsive layout which is able to adapt itself to different sizes as well, but when resizing, the number ofcolumns changes according to the available space.
30.What is difference between Fluid Layout and responsive Layout?
Fluid layout adapts itself to different browser window sizes, all the values used are calculatedproportionally to the viewport size, so when resizing, all the columns are resized. Responsive layout is ableto adapt itself to different sizes as well. When resizing, the number of columns changes according to theavailable space.
31.What is Modal plug-in used for in Bootstrap?
Modal Plug-in is a child window that is layered over its parent window
32.What is Bootstrap Container in Bootstrap?
Bootstrap container is a class which is useful and creating a centered area in the page for display.
33.What is Bootstrap collapsing elements?
Bootstrap collapsing elements enables you to collapse any element without using external JavaScript.