How to make renderbody content not to appear below the top fixed nav bar

Question

Here is my layout code, I'm using Bootstrap v3.0 and Using ASP.NET MVC. The page has to be responsive, I tried using `"space-20"` just below the render body content, it works but it doesn't work on small screens. I'm an absolute beginner in ASP.NET MVC ```

Accepted Answer

You just need to add some padding to your body-content class.

```
.body-content {
    padding-top: 36px;  /* choose whatever you want here */
}
```

This happens because you have your navbar set to fixed, which is taken out of the normal flow.

How to make renderbody content not to appear below the top fixed nav bar

Solution

Problem