Как сделать содержимое рендеринга не отображаться под верхней фиксированной навигационной панелью

Question

Вот мой код макета, я использую Bootstrap v3.0 и используя ASP.NET MVC. Страница должна быть отзывчивой, я попытался использовать "space-20" чуть ниже показать содержимое тела, он работает, но он не работает на небольших экранах. Я абсолютный новичок в ASP.NET MVC

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner clearfix"> 
     <div class="container"> 
      @Html.ActionLink("Grikwa Store", "Index", "Home", null, new { @class = "navbar-brand clearfix" }) 
      <div class="navbar-left"> 
       @Html.Partial("_SearchPartial") 
      </div> 
     </div> 
    </div> 
    <div class="navbar-inner navbar-inverse" style="background-color: #68217a;"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
      </div> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li>@Html.ActionLink("Home", "Index", "Home")</li> 
        <li>@Html.ActionLink("About", "About", "Home")</li> 
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li> 
        <li>@Html.ActionLink("Admin", "Admin", "Account")</li> 
       </ul> 
       @Html.Partial("_LoginPartial") 
      </div> 
     </div> 
    </div> 
</div> 



<div class="container body-content"> 
    @RenderBody() 
</div> 

Answer 1

Вам просто нужно добавить дополнение к вашему классу содержания тела.

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

Это происходит из-за того, что ваш навигатор установлен на фиксированный, который выведен из нормального потока.