Hello,

I want to floating buttons centered in a sticky div at the bottom of a page.

I tried following code:

<div class="text-center fixed-bottom">
            <mdb-btn tag="a" color="green" floating size="lg" @click.native="accept()" ><mdb-icon icon="check"/></mdb-btn>
            <mdb-btn tag="a" color="yellow" floating size="lg" @click.native="cancel()" ><mdb-icon icon="times"/></mdb-btn>
</div>

With this I have the problem that the the buttons are not displayed complete but cut off.

I don't know if its better to use the sticky-directive (https://mdbootstrap.com/docs/vue/advanced/sticky-content/). I tried this but it seems that sticky bottom is not supported?

Can you help me with this? Why are the buttons not displayed completly?

Best regards,

Timo