Put div below navigation bar and don't overlap content

Question

My issue is that I fixed a navigation bar at the top of my webpage and it includes both side margins and top one. Below this navigation bar, I want to set an scrollable containe

Answer 1

From the Bootstrap documentation:

Body padding required The fixed navbar will overlay your other content, unless you add padding to the top of the . Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

So just add your body padding:

body
{
    padding-top: 70px;
}

If you don't want your body to scroll behind the navbar, change your CSS to use padding instead of margin:

.my-own-style {
    padding-left: 37px;
    padding-top: 37px;
}