仅在特定页面显示div

Question

所以我发现这个really nice bootstrap slider我想在我的asp.net项目的索引html页面中使用。

出于某种原因，如果我想直接进入index.html：

<!-- Half Page Image Background Carousel Header -->
<div id="myCarousel" class="carousel slide">
... some data related to slider
</div>

它只是简单地无法正常显示，但是如果我将切割此部分并在之前粘贴到_Layout.html：

// right before this div
<div class="container body-content">
    @RenderBody()
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
    </footer>
</div>

它完美无缺。由于某种原因，滑块不喜欢进入另一个div，当它独立时，它的效果很好。

但很明显，因为_Layout.html在页面之间共享，我不想让每个页面都显示滑块，所以我想知道解决它的最佳方法是什么。

Answer 1

不确定为什么你在div中有问题（很可能你在容器类上有一个样式，或者干扰了body-content类），但是，你可以在布局中创建自己的自定义部分，不是必需的，只将该部分放在您想要的页面中。

将此放在_layout.html中您想要滑块的位置： @RenderSection("slider", required: false)

并将其放入您的页面：

@section slider {
  Your slider html here
}