Web World

  1.   Replace LESS with Sass 2.   New Grid System for Smaller Screens 3.  Added Outline Buttons 4.   Brand New Bootstrap Cards 5.   Convert From Normalize.css to Reboot.css 6.   Added New Classes for Spacing 7.   Tooltips and Popovers 8.   Improved Media Queries 13.   Dropped Glyph icons Font

  // Extra small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap // Small devices (landscape phones, 576px and up) @media ( min-width : 576px ) { ... } // Medium devices (tablets, 768px and up) @media ( min-width : 768px ) { ... } // Large devices (desktops, 992px and up) @media ( min-width : 992px ) { ... } // Extra large devices (large desktops, 1200px and up) @media ( min-width : 1200px ) { ... } // No media query necessary for xs breakpoint as it's effectively `@media (min-width: 0) { ... }` @include media-breakpoint-up ( sm ) { ... } @include media-breakpoint-up ( md ) { ... } @include media-breakpoint-up ( lg ) { ... } @include media-breakpoint-up ( xl ) { ... } // Extra small devices (portrait phones, less than 576px) @media ( max-width : 575 .98px ) { ... } // Small devices (landscape phones, less than 768px) @media ( max-width : 767 .98px ) { ... }...

Basis off Bootstrap 3 Bootstrap 4 Grid System It is based on 4 tier grid system (xs, sm, md, lg). It is based on 5 tier grid system (col, sm, md, lg, xl). CSS File LESS SASS Horizontal Form .row class is not required using grid in forms. .row class is required when using grid in form. Primary Unit px rem Font Size 14px 16px Responsive Image Use .img-responsive class. Use .img-fluid class. Image Alignment Use .pull-right and .pull-left class. You can use .pull-right, .pull-left Offsetting Columns Uses col-*-offset-* classes to offset columns. For example, col-md-offset-4. Uses offset-*-* classes to offset columns. For example, offset-md-4. Flexbox No Yes Generic Class No mt-1, pt-2

Does HTML needs compiler? HTML, CSS and JS are browser interpreted technologies. Whereas Asp.net, Java and Php are not interpreted. They need a compiler or interpreter which can convert their code in machine language. That's why HTML, CSS and Javascript are also called front-end technologies. What is Semantic HTML? HTML5 introduced semantic tags like header, nav,article,section, aside, footer and figcaption. Sementic Elements results better in search results. What is the Geolocation API in HTML5? HTML5’s Geolocation API lets users share their physical location with chosen web sites. JavaScript can capture a user’s latitude and longitude and can send it to the back-end web server to enable location-aware features like finding local businesses or showing their location on a map. Today, most browsers and mobile devices support the Geolocation API. The Geolocation API works with a new property of the global navigator object. A Geolocation object can be cre...