Web World

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

The  appearance  property is used to display an element using a platform-native styling based on the users' operating system's theme. .thing { -webkit-appearance : value ; -moz-appearance : value ; appearance : value ; } This is used for one of two reasons: To apply platform specific styling to an element that doesn't have it by default To remove platform specific styling to an element that does have it by default For instance, inputs with a  type=search  in WebKit browsers by default have rounded corners and  are very strict in what you can alter via CSS . If you don't want that styling, you can remove it in one fell swoop with appearance. input [type=search] { -webkit-appearance : none ; } Or you could take a input with type=text and just make it look like a search input: input [type=text] { -webkit-appearance : searchfield ; } Compatibility note : If you wish to use this property on website...