Bootstrap 3 Interview Questions
1 .
What is Bootstrap ?
Bootstrap is a powerful front-end framework for faster and easier web development. Bootstrap is the most popular HTML, CSS and JavaScript framework for developing responsive, mobile-first web sites.
2 .
What is Bootstrap 3 Rows & Columns ?
Inside the container, the .row class is used to contain the grid columns. Rows should always be placed inside of a container (.container or .container-fluid) to ensure 

proper spacing (between page content and the edge of the browser). 

The Bootstrap .row uses negative margins (-15px) to counteract the padding (15px) of the container. The end result is no visual spacing (margin or padding) on the 

sides of the row within the container. There are several reasons why the “negative margin” approach is used in Bootstrap.
3 .
What are the key components of Bootstrap ?
The key components of Bootstrap are:

CSS : It comes with plenty of CSS files
Layout Components : List of layout components
JavaScript Plugins : It contains many jQuery and JavaScript plugins
Scaffolding : It gives a basic structure with link styles, Grid system and background
Customize : To get your own version of framework you can modify your components.
4 .
Why does Bootstrap use negative margins ?
All grid systems have spacing or “gutters” around columns. In the case of Bootstrap, the gutter is created using padding of 15px around each column. The effective 

gutter displayed between neighboring columns in 30px. The outer columns (leftmost & rightmost) need to have 1/2 of the gutter (15px) on the outside to keep spacing 


The relationship between .container and .row is made complete with columns (col-*). Each row is divided horizontally using Bootstrap’s column classes col-*.
5 .
Why does Bootstrap have 12 columns ?
Bootstrap has a 12-unit grid (instead of 10, 16, etc..) is that 12 evenly divides into 6 (halves), 4 (quarters) and 3 (thirds). This makes adapting to a variety of 

layouts much easier. Bootstrap’s grid columns are identified by different col-(breakpoint)-(units) CSS classes. So for example, col-md-3 would be a column that takes up 3 of the 12 units (or 25%) across in a row.

6 .
How many bootstrap 3 Grid sizes .!
These grid sizes enable you to change the layout of columns to best match different screen widths and devices__ the essence of responsive design.

xs  :  for the smallest screen widths like smartphones < 768 px
sm  : for small screen widths like smartphones and tablets >= 768 px
md  :  for medium screen widths like tablets and laptops >= 992 px
lg  :  for large screen widths like desktops >= 1200 px.
7 .
Bootstrap supports all modern browsers ?
Bootstrap 3 supports all the modern browsers with latest version i.e. Firefox, Google Chrome, IE (Internet Explorer), Opera and Safari.
8 .
Explain about bootstrap 3 tables ?
Tables can be easily made with basic html tag and specific classes provided in Bootstrap 3. You can make table with Striped rows, bordered table, hover rows, condensed 

table and responsive table using their specific classes for right results. Read more about Bootstrap 3 tables here.
9 .
Can we make images responsive in bootstrap ?
Yes we can make images responsive by adding class .img-responsive which in turn applies CSS properties with max-width(100%)  as well as height (auto) for covering parent element.
10 .
What are offset columns in Bootstrap ?
Offset columns are used for more specialized layouts. For more spacing they can be used by pushing column over.

For example :  .col-xs=* classes do not support offset but they are easily simulated using an empty cell.