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 −
|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.|
|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.|
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|