仅在特定页面时显示 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 中工作，但是使用两个 _Layout.html 呢？

一个用于需要滑块的站点，第二个用于所有其他站点。

Answer 2

不确定为什么您在 div 中遇到问题（很可能您在容器 class 或正文内容 class 上有样式干扰） , 但是，您可以在布局中创建自己的自定义部分，这不是必需的，只需将该部分放在您想要的页面中即可。

将此放在 _layout.html 您希望滑块移动的位置： @RenderSection("slider", required: false)

并将其放入您的页面：

@section slider {
  Your slider html here
}

仅在特定页面时显示 div

Show div only if specific page

html

asp.net

asp.net-mvc

layout

twitter-bootstrap