1) Explain what is Bootstrap?
Ans) Bootstrap is a HTML, CSS, and JS framework for building the rich web applications with minimal effort. This framework emphasis more on building mobile web applications.
2) Explain why to choose Bootstrap for building the websites?
Ans) 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. It supports the responsive design including adjusting the CSS based on the different types of device, size of the screen etc. It reduces extra effort for developers.
3)What are the types of layout available in Bootstrap?
Ans) In Bootstrap there are two types of Layout available
4) What are the key components of Bootstrap?
Ans) The key components of Bootstrap are
5) Explain what are class loaders in Bootstrap?
Ans) 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.
6) Explain what is Bootstrap Grid System?
Ans) For creating page layout through a series of rows and columns that house your content Bootstrap Grid Sytem is used.
7) What are offset columns in Bootstrap?
Ans) For more specialized layouts offsets are a useful feature. For more spacing they can be used by pushing column over.
For example, .col-xs=* classes do not support offset but they are easily replicated using an empty cell
8) What function you can use to wrap a page content?
Ans) To wrap a page content you can use .container and using that you can also center the content.
9) What is column ordering in Bootstrap?
Ans) Column ordering is one of the feature available in bootstrap and you can easily write columns in an order and show them in another one. With .col-md-push-* and .col-md-pull-* the order of the column can be easily changed.
10) Explain what is the use of Bootstrap Carousel plugin?
Ans) The Carousel plugin is used to add a slider to your site. It is useful in condition where you want to display huge amount of contents within a small space on the web pages. Some of the standard carousel includes
11) Explain how you can create Nav elements in Bootstrap?
Ans) Bootstrap offers various options for styling navigation elements all of them use the same markup and base class .nav. To create Tabular Navigation or Tabs
12) Explain what is Bootstrap well?
Ans) Bootstrap well is a container
13) Explain what media object in Bootstrap is and what are their types?
Ans) Media objects in Bootstrap enables to put media object like image, video or audio to the left or right of the content 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
14) In Bootstrap what are the two ways you can display the code?
Ans) In bootstrap you can display code in two ways
15) Explain what is list group in Bootstrap and what is the use of it?
Ans) List groups are components to display both simple and complex element with custom content
For example, a simple list group is created using class .list-group to address the list, and class .list-group-item to address individual item.
16) Explain what is Bootstrap collapsing elements?
Ans) Bootstrap collapsing elements enables you to collapse any particular element without writing any JavaScript code or the accordion markup. In Bootstrap to apply collapsing elements you have to add data-toggle= “collapse” to the controller element along with a data-target or href to automatically assign control of a collapsible element. Likewise, you can use .collapse (options), .collapse (‘show’) or .collapse (‘hide’)
17) Explain what is Bootstrap Container?
Ans) Bootstrap container is a class which is useful and creates a centred area within the page where our site content can be put within. The advantage of the bootstrap . container is that it is responsive and will place all our other HTML code.
18) Explain what is Modal plugin used for in Bootstrap?
A modal is a child window that is layered over its parent window. Using a custom Jquery Plugin, Bootstrap Modal are created. To enrich user experience and to add functionality to users, modal windows are created with the help of Modal plugin.
19) Explain what are the steps for creating basic or vertical forms?
Ans) The steps for creating basic or vertical forms are
20) What is the use of Jumbotron in Bootstrap?
Ans) In bootstrap, Jumbotron is generally used for content that you want to highlight like some slogan or marketing headline etc. in other words it is used to enlarge the size of the headings and to add a margin for landing page content
21) Explain what pagination in bootstrap is and how they are classified?
Ans) Pagination is the handling of an unordered list by bootstrap. To handle pagination bootstrap provides following classes
22) What function you can use to wrap a page content?
Ans) To wrap a page content you can use .container and using that you can also center the content.
23) Why use Bootstrap?
Ans) Bootstrap can be used as −
24) What does Bootstrap package includes?
Ans)
25) What is Contextual classes of table in Bootstrap?
Ans) The Contextual classes allow you to change the background color of your table rows or individual cells.
.active - Applies the hover color to a particular row or cell
.success - Indicates a successful or positive action
.warning - Indicates a warning that might need attention
.danger - Indicates a dangerous or potentially negative action
27) How can you order columns in Bootstrap?
Ans) You can easily change the order of built-in grid columns with .col-md-push-* and .col-md-pull-* modifier classes where * range from 1 to 11.
28) How do you make images responsive?
Ans) Bootstrap 3 allows to make the images responsive by adding a class .img-responsive to the "img" tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.
29) Explain the typography and links in Bootstrap.
Ans) Bootstrap sets a basic global display (background), typography, and link styles −
30) What is Normalize in Bootstrap?
Ans) Bootstrap uses Normalize to establish cross browser consistency.
Normalize.css is a modern, HTML5-ready alternative to CSS resets. It is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements.
31) What is Lead Body Copy?
Ans) To add some emphasis to a paragraph, add class = "lead". This will give you larger font size, lighter weight, and a taller line height
32) Explain types of lists supported by Bootstrap?
Ans) Bootstrap supports ordered lists, unordered lists, and definition lists.
An ordered list is a list that falls in some sort of sequential order and is prefaced by numbers.
Unordered lists −
An unordered list is a list that doesn't have any particular order and is traditionally styled with bullets. If you do not want the bullets to appear then you can remove the styling by using the class .list-unstyled. You can also place all list items on a single line using the class .list-inline.
33) What is a transition plugin?
Ans) The transition plugin provides simple transition effects such as Sliding or fading in modals.
34) What are glyphicons?
Ans) Glyphicons are icon fonts which you can use in your web projects. Glyphicons Halflings are not free and require licensing, however their creator has made them available for Bootstrap projects free of cost.
35) How do you use Glyphicons?
Ans) To use the icons, simply use the following code just about anywhere in your code. Leave a space between the icon and text for proper padding.
36) What is a Modal Plugin?
Ans) A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can have some interaction without leaving the parent window. Child windows can provide information, interaction, or more.
37) How do you use the Dropdown plugin?
Ans)
You can toggle the dropdown plugin's hidden content −
Via data attributes − Add data-toggle = "dropdown" to a link or button to toggle a dropdown as shown below −
38) What is button group?
Ans) 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.
39) Which class is used for basic button group?
Ans) .btn-group class is used for a basic button group. Wrap a series of buttons with class .btn in .btn-group.
40) Which class is used to draw a toolbar of buttons?
Ans) .btn-toolbar helps to combine sets of