Bootstrap 4 IE 11 does not work

Question

so I have the problem, that my whole website does not work in IE 11. I don\'t get why because officially IE 11 should be supported by bootstrap 4... Website: www.ergotherapi

Answer 1

I had a display issue using IE11 when using the class .card-deck I fixed this by adding

.card-deck {
    width: 100% !important;
}

Answer 2

align-self-center class helped me fix the issue in ie11

Answer 3

In IE, the height and width need to be set explicitly or it breaks.

So the width: auto might be causing a problem. auto gives me a lot of problems. Maybe give that a try

Answer 4

Posting just in case this could help someone else. I ran into the same issue where everything ran just fine in Chrome but in IE11 it acted like it could not see any CSS. I came across this post but it didn't help. After more searching I found a suggestion to add the following in the HEAD tag and it worked. Figured I would post here since this is one of the first threads that comes up in a Google search.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Answer 5

I had the same problem. You have to close all the meta and link tags in your head with a />.