Category Archives: Css

Chrome and Edge Shows Wrong Photo Orientation

You have an application in which you show a photo. Intermittently, you get some photos show up with wrong orientation. In Internet Explorer, photo shows up correctly but Chrome and Edge causes the problem. As a developer, you may think it is an Internet Explorer issue because Chrome and Edge conforms to the specs. But […]

Css

Bootstrap 4.4 Responsive Mega Menu Example

Bootstrap 4 does not have any example of mega menu. Documentation or other websites did not provide any example of mega menu with bootstrap. So after hours of trial and error, I came up with this solution. Extra CSS classes needed (Optional) Following class is not available in Bootstrap 4 and hence for pixel perfection […]

Css

Basic tutorial to customize Bootstrap 4

Here is an extremely basic tutorial that will help you setup the environment to customize Bootstrap 4 for your needs on Windows machine using Node.js and npm Development Environment Windows 10Node.jsnpm This tutorial is created using Bootstrap 4.1.3 which can be downloaded from https://getbootstrap.com/docs/4.1/getting-started/download/. Customization Extract the zip file anywhere within your computer and you […]

Css

Customize Bootstrap 3 nav bar with minimal css code

If you ever wanted to create a custom nav bar using Bootstrap 3.0, you would need to find out the exact css classes in order to customize per your need. Here is the minimal css snippet that I have used in one of my project to customize Bootstrap 3.0 menu. Add “navbar-custom” class to “nav” […]

Css