如何使renderbody内容不出现在顶部固定导航栏下方

这是我的布局代码，我使用的是Bootstrap v3.0和Using ASP.NET MVC。该页面必须具有响应性，我尝试使用"space-20"正好在渲染主体内容下方，但它可以工作，但它在小屏幕上无法使用。我是一个绝对的初学ASP.NET MVC如何使renderbody内容不出现在顶部固定导航栏下方

<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>

来源

2014-01-30 Wicky

那么......如果它是顶级固定导航栏，那么我们假设内容将会出现在固定导航栏的下方，因为它固定在顶部。 –

你只需要添加一些填充到你的身体内容类。

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

发生这种情况是因为您的导航栏设置为固定，这是从正常流程中取出的。

来源

2014-01-30 15:14:24 Dismissile

如何使renderbody内容不出现在顶部固定导航栏下方

回答

相关问题