Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Bootstrap 4 and IE 10+

Onelio pro asked 7 years ago

It is my understanding that Bootstrap 4 is compatible with IE 10+. I have built a website using MDB exclusively and am having problems with the navbar buttons and modal buttons working with IE 10. Is there a fix for this?www.labradoodlelane.com

Marta Wierzbicka staff answered 7 years ago

Hi, Viera is Josip Tomašev answer fine for you? Best, Marta

Josip Tomašev priority answered 7 years ago

Hi, Viera

I looked at your site www.labradoodlelane.com, and found some problem in header of page:

<!-- Bootstrap core CSS -->
 <link href="css/bootstrap.min.css" rel="stylesheet" />
 <!-- Your custom styles (optional) -->
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 <!-- Material Design Bootstrap -->
 <link href="css/mdb.min.css" rel="stylesheet" />
 <!-- Font Awesome -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 <link rel="stylesheet" href="animate.min.css" />

It will be good to reorder this to:

<!-- Font Awesome -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 <!-- Bootstrap core CSS -->
 <link href="css/bootstrap.min.css" rel="stylesheet" />
 <!-- Material Design Bootstrap -->
 <link href="css/mdb.min.css" rel="stylesheet" />
 <!-- Your custom styles (optional) -->
 <link href="css/style.css" rel="stylesheet" type="text/css" />

Your style.css must be puted as last, so you can overide styles from mdb.min.css. Also, animate.min.css return Error 500 (Internal Server Error) when it is call from page, so it will be good to remove it from header of page.
Also, bootstrap.min.css and mdb.min.css are not last versio, so will be good to upgrade to newer version :)

After that try to test page, I suppose it will be littl better

 

Best

Josip

 

Marta Wierzbicka staff answered 7 years ago

Hi, what is the exact version of MDB do you have? You can find this within README.txt file in your package. And look at our documentation of navbars with dropdowns here: https://mdbootstrap.com/components/navbar/ and modals: https://mdbootstrap.com/javascript/modals/. There are working on IE. Please make sure that your code is exactly like this one in our documentation. Best, Marta

Onelio pro commented 7 years ago

Hi Marta, I looked over the information links and am still having problems with my website displaying correctly. The version that I'm using is MDB Pro 4.4.3. The problem that I have is with the dropdowns, modals and css styling. This is the link to my current websites. http://www.labradoodlelane.com and http://www.onelioviera.com. If you need the code I can send it to. I really enjoy using MDB Pro and would like to continue using, but need to have a fix for my problem. Any help would be much appreciated. Thank you, Onelio
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Answered

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Onelio
Pro User 12Support score
3Questions 1Answers 1Snippets