Media Queries for Resolutions

Hello readers, In this tutorial, we are going to see different types of Media Queries for Resolutions to create a responsive design. Media Queries for Resolutions: Here are the different types of Mediq Queries to create a responsive design. Media Query for  iPhone (Original, 3G, 3GS) : @media only screen and (min-device-width: 320px) and (max-device-width:…

Fixed Header Scrolling Table with Bootstrap

In this tutorial, I am going to create a Fixed Header Scrolling Table with Bootstrap. Fixed Header Scrolling Table with Bootstrap: Here is the complete example. <html> <head> <title> Bootstrap Table Example </title> <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" /> <style type="text/css"> .table-fixed thead { width: 97%; } .table-fixed tbody { height: 230px; overflow-y: auto; width: 100%; }…