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