How to make bootstrap 3, so that when scale content left sitebar flew over me?

Thanks for the help.
How to implement that when scrole main content left sitebar too scrolls with me. But mobile screens left sidbar is on the upper level and the content under it so there may be a snag is that when scrole screen left sidbar will scroll and thereby close its main content. The idea on mobile screens it will have to adopt the top not to scrolls.
5b534cb65934a271733292.png
June 3rd 19 at 19:13
1 answer
June 3rd 19 at 19:15
Wrap side bar to the block some and make for desktop
.side-bar {
position: fixed;
left: 5vw;
width: 25vw;
}
.main-container {
width: 70vw;
}

and for the gamers:
@media screen and (max-width: 768px) {
 .side-bar {
 position: relative;
 width: 100vw;
}
.main-container {
width: 100vw;
}
}

Find more questions by tags HTMLCSSjQueryBootstrap