html - MVC : Not render css class for certain view?

Question

我对 css 很陌生，对它了解不多。

我有一个 mvc 应用程序，它使用基于 bootstrap 构建的主题。

在我的布局 View 中我有这段代码

<div class="container body-content">
    @Html.Partial("_alerts")
    @RenderBody()       
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year -myApp</p>
    </footer>
</div>

我猜我所有的 View 都将被 container body-content 类包裹。

这很好，因为我的 Web 应用程序的内容未以全宽拉伸(stretch)显示。

但是我的主页(着陆页)让我们说。有一个 slider ，由于 container body-content 类，它没有以全宽显示。

我的主页是这样开始的

<div class="fullwidthbanner-container" style="overflow:visible">
    <div class="fullwidthbanner">
        <ul>
            <!-- Slide 1 -->
            <li data-transition="slideright">
   ...
   ...
   ...
</div>

这是fullwidthbanner-container

的类

.fullwidthbanner-container {
    width: 100%!important;
    max-height: 550px!important;
    position: relative;
    padding: 0;
    overflow: hidden!important;
    margin:0px 0 0px;
}

如何让我的主页不被 container body-content 包围？

如果我必须提供更多详细信息，请告诉我。

Answer 1

您可以尝试以下方法:

在您的 _Layout.cshtml 中，在您的 HTML 之前添加一个代码块:

@{
     string classToSet = "";
     string action = ViewContext.RouteData.Values["action"] as String;
     string controller = ViewContext.RouteData.Values["controller"] as String;

     //you might need to check for nulls 
     if (!(action == "Index" && controller == "Home"))
     {
         classToSet = "container body-content";
     }
}

然后您可以使用 Razor 设置类:

<div class="@classToSet">
     @Html.Partial("_alerts")
     @RenderBody()       
     <hr />
    <footer>
         <p>&copy; @DateTime.Now.Year -myApp</p>
    </footer>
</div>