How to overlay page header


I am new to angular and bootsrap, I want the page content to overlay the header ( I am using boostrap navbar header). how can I do this?
example attached.

Set the height of the navbar really high, once you’re ready with the page content try changing navbar’s z-index to like; (z-index: -1;)