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

时间:2016-04-29 04:37:59

标签: asp.net asp.net-mvc twitter-bootstrap razor twitter-bootstrap-3

根据bootstrap documentaion

  

Bootstrap需要一个包含元素来包装网站内容和   安置我们的网格系统。您可以选择使用两个容器中的一个   你的项目。需要注意的是,由于填充量较多,既不是容器   是可嵌套的。

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

1 个答案:

答案 0 :(得分:3)

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

我没有在_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组件的各种定位。这需要一段时间,但它会告诉你什么是可能的,什么不可能。