CSS files between pro and standard produce different outcome

I have just double checked, everything looks fine with MDB Pro 4.5.10, but everything is messed up in 4.5.15.

Round buttons (btn-floating) showing as square etc.

PLEASE FIX.

Hi,

I'm not sure what you mean because I don't see any problem with our buttons. I created a snippet with rounded and floating buttons. Please, point out where is the problem: https://mdbootstrap.com/snippets/jquery/marta-szymanska/156005. You can also create your own snippet here: https://mdbootstrap.com/snippets/ with your code and show me an issue. I'll try to solve this.

Best,

Marta

ok, ive tried, but every time I attempt to save it, it errors (Failed to load resource: the server responded with a status of 413 (Payload Too Large)), but I can reproduce it.

in html i put:

<a class="btn-floating btn-lg purple-gradient"><i class="fa fa-bolt"></i></a>
<a class="btn-floating peach-gradient"><i class="fa fa-leaf"></i></a>
<a class="btn-floating btn-sm blue-gradient"><i class="fa fa-star"></i></a>

in CSS i copied in Bootstrap v4.1.3 CSS. As soon as bootstrap is added, 2 of the buttons go square.

i presume I need bootstrap.css, because without bootstrap included, everything in my project is just a garbled mess.

so, why are the buttons going square, its like bootstrap is superceding mdb.

I still don't know why you have this effect because as you can see in my snippet, everything looks fine. Do you use MDB 4.5.10 version or 4.5.15 now? How does your files structure look? Is this like on the screenshot below?

Best,

Marta

ok thanks for clarifying, i think its a source order issue. that needs to be far more prevalent in the documentation, there is no distinction about order of sources at all.

Hi,

here, in this tutorial: https://mdbootstrap.com/education/bootstrap/quick-start/ you can learn how to arrange links in HTML page in MDB package.

Best,

Marta

yeah, would be good if you added some details to this bit:

<!-- Bootstrap core CSS *** MUST BE FIRST *** -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Material Design Bootstrap *** MUST COME SECOND***  -->
    <link href="css/mdb.min.css" rel="stylesheet">
    <!-- Your custom styles (optional) -->
    <link href="css/style.css" rel="stylesheet">

to exclusively note the fact that bootstrap must be first and mdb must be second in order. we integrated this into an existing project, we didnt copy paste your code, so its not particularly obvious.

Hi,

thank you for the opinion.

Best,

Marta