IE 11 Display Issue with d-flex Class

Topic: IE 11 Display Issue with d-flex Class

chrisirwin free asked 5 years ago

Hi! Great product! Excellent tutorials. Looking into going pro.

So, I'm using the latest version, but I'm finding an issue with the d-flex class with Internet Explorer. When viewed with IE 11, the width of the Div with that class is set to the width of one word of the text, so to speak, and the horizontal rule is missing. I mean, I view this page at maximum screen width:

https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/jquery/tutorials/bootstrap/tutorial-2/10/index.html

But the text reads like this:

Travel

Lorem
ipsum
dolor
sit
amet,
consectetur
adipisicing
elit.
Deleniti
consequuntur.

Is there a workaround?

Add comment

chrisirwin free answered 5 years ago

1 0 Best answer

If anyone is interested, the fix for the tutorial is to add the class w-50 to the div that has the d-flex class. I got the idea from this forum: https://github.com/twbs/bootstrap/issues/24687

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

chrisirwin

31Support score
4Questions 3Answers 0Snippets