How to make a floating button not to overlap the footer area and stop the button on the top of where the footer is located using Bootstrap in Nextjs

Issue

This Content is from Stack Overflow. Question asked by GadTheDad

Using Bootstrap in Next.js and I have a floating button in a certain page that I cant make the button stop before the footer area
and I cant find any thing in the Bootstrap docs to prevent the button from overlapping the footer.



Solution

This question is not yet answered, be the first one who answer using the comment. Later the confirmed answer will be published as the solution.


This Question and Answer are collected from stackoverflow and tested by JTuto community, is licensed under the terms of 
CC BY-SA 2.5. - CC BY-SA 3.0. - CC BY-SA 4.0.
people found this article helpful. What about you?