Infiniti Software Solutions – Fresher Interview Questions with Answers

Infiniti Software Solutions – Fresher Interview Questions with Answers 

It explains about Infiniti Software Solutions – Fresher Interview Questions with Answers .

_______________________________________________________________________________

 1 . List down the HTML5 new elements . 

The input element’s type attribute now has the following new values −

Type Description
color Color selector, which could be represented by a wheel or swatch picker
date Selector for calendar date
datetime-local Date and time display, with no setting or indication for time zones
datetime Full date and time display, including a time zone.
email Input type should be an email.
month Selector for a month within a given year
number A field containing a numeric value only
range Numeric selector within a range of values, typically visualized as a slider
search Term to supply to a search engine. For example, the search bar atop a browser.
tel Input type should be telephone number.
time Time indicator and selector, with no time zone information
url Input type should be URL type.
week

Selector for a week within a given year

2 . Write down the difference between Bootstrap 3 and Bootstrap 4

Main Diffrences in Bootstrap 3 and Bootstrap 4 :

Bootstrap 3 Source CSS Files is LESS.
Bootstrap 4 Source CSS files Converted in SCSS.

Bootstrap 3 has 4 grid system (col-xs-3, col-sm-3, col-md-3, col-lg-3).
Bootstrap 4 has 5 grid system (.col-, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3). Bootstrap 4 has removed the xs from the lowest break point. Therefore, (col-) covers all devices.

Bootstrap 3 Offset class is like this (col-md-offset-4).
Bootstrap 4 has changed the offset class (offset-md-4).

In Bootstrap 3 we are used this (.img-responsive) class for responsive image.
Bootstrap 4 has changes the class for responsive image (.img-fluid).

In Bootstrap 3 we are used (.input-lg) and (.input-sm) to increase and decrease the input size.
Bootstrap 4 has changed to (.form-control-lg) and (.form-control-sm) to increase and decrease the input size.

Bootstrap 4 has add, remove and rename the classes.

                                                  Bootstrap 3 vs Bootstrap 4 comparison.

Parameters Bootstrap 3 Bootstrap 4
Source CSS file LESS SCSS
Grid Tiers 4 grid tier system 5 grid tier system
Dropdown Structure Can be created with <ul> and <li> Can be created with <ul> or <div>
Default Pagination .pagination needs to be added to <ul> element .page-item must be added to to each <li> element and .page-link to each <a> element
Responsive Images Apply .img-responsive class Apply .img-fluid class
Responsive Tables .table-responsive class should be added to parent <div> element .table-responsive class to be added to <table> element
Navbar Alignment Employ .navbar-right, .navbar-left to align components Employ spacing utilities such as .mr-auto, or flexbox alignment utilities

REFERENCES :

https://www.tutorialspoint.com/html5/html5_new_tags.htm

https://blog.templatetoaster.com/bootstrap-3-vs-bootstrap-4-migrate-differences/