繁体   English   中英

我们可以在ASP.NET MVC视图中嵌套引导容器吗?

[英]Can we nest bootstrap container in ASP.NET MVC view?

根据bootstrap文档

Bootstrap需要一个包含元素来包装网站内容并容纳我们的网格系统。 您可以选择在您的项目中使用两个容器中的一个。 请注意,由于填充等原因,两个容器都不可嵌套。

在ASP.NET MVC中,我们有layout.cshtml页面,它通常包含容器。 并且所有其他视图都在此容器内呈现。 这是否意味着我们不能在个人视图中使用“容器”?

这一切都取决于您的布局结构和您想要实现的目标。 有两种方法可以实现这一点(我不能再想了)。

我在_Layout.cshtml模板中不使用容器。 我通常在我的观点中有我的容器。 我的_Layout.cshtml模板只有最低限度。

这是我的_Layout.cshtml模板通常的样子:

<body>
     @RenderBody()
     @Html.Partial("_Footer")
     @Scripts.Render("~/bundles/js")
     @RenderSection("scripts", false)
</body>

然后在我看来,我会有以下几点:

<div class="container">
     <p>Test paragraph</p>
</div>

您也可以在_Layout.cshtml模板中拥有容器,但是在您的视图中,您必须记住您已经拥有了一个正在使用的容器。 所以你的_Layout.cshtml看起来像这样:

<body>
     <div class="container">
         @RenderBody()
     </div>
     @Html.Partial("_Footer")
     @Scripts.Render("~/bundles/js")
     @RenderSection("scripts", false)
</body>

然后您的视图可能如下所示:

<p>Test paragraph</p>

查看在您的方案中将起作用的最佳方法是使用容器和其他HTML组件的各种定位。 它需要一段时间,但它会告诉你什么是可能的,什么是不可能的。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM