如何使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內容不出現在頂部固定導航欄下方

回答

相關問題