To make website responsive in all device , include following meta tag in header section: <meta name=”viewport” content=”width=device-width”> Then include media queries in...Read More
Grid system is the main feature of bootstrap. we can divide the container into 12 sections and use those section based on our needs(based on the width of each section in our website design. there 4 cl...Read More
bootstrap is a html – css framework mainly used for making responsive websites. Bootstrap have some predefined classes, using those classes we can make the website responsive to all device easil...Read More
/**********************************//***************iPhone Landscape*************/ @media only screen and (max-width: 767px) and (min-width: 480px){ } /***************iPhone Portrait**************/ @m...Read More
style specific mozilla ======== @-moz-document url-prefix() { } style specific chrome ======== @media screen and (-webkit-min-device-pixel-ratio:0) { div{top:0;} }...Read More
Include below css in your stylesheet for hover for the div: .form_social img:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); top: -10px; } .form_social img { width: 32px; margin-top: 3px; }...Read More
Add class “bounce” for the div in which you need to add bounce effect, and include below css in your stylesheet: .bounce { display: inline-block; vertical-align: middle; -webkit-transform:...Read More