Making a "sliding"/ "hidden" navbar in Bootstrap (w appconect)

So I have been trying to make a navbar in my project (bootstrap) , that I can’t quite get to work properly. I’m trying to accomplish something like this (note that this video is from the framework 7 example project)

So far all I have is this

Capture.PNG3817×1849 354 KB

Any help/ advice on how to go about doing this would be greatly appreciated, as I can’t find anything on how to do it (or I may have overlooked it). Thank you in advance!