Sunday 16 April 2017

Bootstrap Interview Question Part - 1

1. Ques: What is Bootstrap ? Why we use Bootstrap ?
Answer:
Bootstrap is an open-source Javascript framework developed by the team at Twitter.  It is a combination of HTML, CSS, and Javascript code designed to build user interface components.It used for building the rich web applications with minimal effort. Bootstrap was also programmed to support both HTML5 and CSS3.  Also it is called Front-end-framework.Current Version of Bootstrap is v3.3.7

Bootstrap is a free collection of tools for creating a websites and web applications.It powerful mobile first front-end framework for faster and easier web development.

It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.

Some Reasons for programmers preferred Bootstrap Framework
  • Easy to get started
  • Great grid system
  • Base styling for most HTML elements(Typography,Code,Tables,Forms,Buttons,Images,Icons)
  • Extensive list of components
  • Bundled JavaScript plugins
  • Browser Support
  • Responsive features
  • Mobile-first approach


2. Ques: What are the key components of Bootstrap?
Answer:
CSS : It comes with plenty of CSS files
Scaffolding : It provides a basic structure with Grid system , link styles and background
Layout Components : List of layout components
JavaScript Plugins: It contains many jQuery and JavaScript plugins
Customize: To get your own version of framework you can customize your components
glyphicons: a font (an icon font set)


3. Ques: Explain Bootstrap Grid System?
Answer:
Bootstrap's grid system allows up to 12 columns across the page. 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 for generating more semantic layouts.


4. Ques:  What are different types of layout available in Bootstrap?
Answer:
  • Fluid Layout: Fluid layout adapts itself to different browser. Means design automatic adjust according to browser size.
  • Fixed Layout:Fixed layout doesn’t adapts itself to different browser but it can be responsive.


5 . What do you mean by responsive layout?
Answer:
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.responsive layout it is easy reading and navigation with a minimum of resizing, panning, and scrolling across a wide range of devices (from mobile phones to desktop computer monitors)


6 . What is Jumbotron?
Answer:
Jumbotron is used for content that you want to highlight like some slogan OR marketing headline.
Its indicates a big box for calling extra attention to some special content or information.
A jumbotron is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it.


7 . What is Bootstrap Container in Bootstrap?
Answer:
container is used to set the content's margins dealing with the responsive behaviors of your layout. It contains the row elements and the row elements are the container of columns (known as grid system).
The container class is used to create boxed content.

There are two container classes in Bootstrap:
container
container-fluid

No comments:

Post a Comment

Thank you for comment