I am working on developing an app similar to stackoverflow, with fixed menu and footer panels and an inner div that creates browser scroll as needed.
I'm wondering if the code below is correct for achieving this setup. The classes fixed-top/fixed-bottom are styles from Bootstrap4. I understand that I need to use fixed constants in my HTML/Style code for this approach, is that the right way to go?
<body>
<div>
<div class="fixed-top" style="height: 50px; border: 2px solid black">
Header
</div>
<div>
<div style="height: 50px"></div>
(1) The protection of natural persons in relation to the processing of personal data is a fundamental right. Article 8(1) of the Charter of Fundamental Rights of the European Union (the ‘Charter’) and Article 16(1) of the Treaty on the Functioning of
the European Union (TFEU) provide that everyone has the right to the protection of personal data concerning him or her.
<div style="height: 50px"></div>
</div>
<div class="fixed-bottom" style="height: 50px; border: 2px solid black">
Footer
</div>
</div>
</body>