Different renderings for the same element

OriginalsByToto asked 9 months ago

I think I have a little problem because, if I use the file mdb.css (or mdb.min.css), I feel not to have the same result as what is presented on the site (documentation). So for that I looked at what stylesheet you are using (with Chrome dev tools) and I get the minimized css to do my own test, and the result is different.
Here are 2 screenshots:
With the file mdb.min.css provided in the zip and edges pasted to the text: https://puu.sh/yXFK4/1553fcda49.png
With the file mdb.min.css but whose content is the one used in the css of the documentation: https://puu.sh/yXFNn/f052a06237.png

How can I do to have the same result using the css provided in the zip?

Thank you in advance,
Thomas L.

Hi OriginalsByToto


If in head before mdb.css you add bootstrap.css, I think you will get what you expect.


You need to add Bootstrap to your project before you add mdb.css file

Thank you so much! It's working with bootstrap!

But, when I use bootstrap.min.css, it doesn't work. Why?

Bartłomiej Malanowski commented 9 months ago

Could you please share your files with me at b.malanowski@mdbootstrap.com? I'd like to take a look at this

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes