IE 11 Display Issue with d-flex Class


Topic: IE 11 Display Issue with d-flex Class

chrisirwin asked 6 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.

Read
more

Is there a workaround?


chrisirwin answered 6 years ago

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
Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No