Css Yii2中的全宽容器或jumbotron，带有材料引导库

我正在尝试用jumbotron或类似的东西制作全宽容器：

全幅布局
引导3网格仅为流体。此示例演示如何使用自定义容器创建固定宽度布局

目前我正在使用：with Yii2

---

我已经尝试了这方面的一切，但问题仍然存在，而且不是全宽。

如果你想要全宽

您不必在页面中使用

容器

，记住也要从正在使用的布局中删除此类。（或者您可以在不使用此类的情况下定义布局，并在呈现页面之前在操作中设置

$this->layout=“yourNewLayout”

）通常默认布局位于

/view/layouts/main.php

然后必须删除此行：

 class="container" 

然后你可以看到一个完整的yii2网络应用程序

只是一个小调

你可以使用：

  style="margin: 0 auto;width: 100%; background-color: red;">

---

如果你想要全宽

您不必在页面中使用

容器

，记住也要从正在使用的布局中删除此类。（或者您可以在不使用此类的情况下定义布局，并在呈现页面之前在操作中设置

$this->layout=“yourNewLayout”

）通常默认布局位于

/view/layouts/main.php

然后必须删除此行：

 class="container" 

然后你可以看到一个完整的yii2网络应用程序

只是一个小调

你可以使用：

  style="margin: 0 auto;width: 100%; background-color: red;">

要使jumbotron全宽且无圆角，请放置 在所有.containers之外添加一个.container，而在其中添加一个.container

/*添加您自己*/
琼博特伦，琼博红{
背景：红色；
}

您自己的颜色CSS
全幅布局
引导3网格仅为流体。此示例演示如何使用自定义容器创建固定宽度布局



颜色的材质CSS
全幅布局
引导3网格仅为流体。此示例演示如何使用自定义容器创建固定宽度布局

要使jumbotron全宽且无圆角，请放置 在所有.containers之外添加一个.container，而在其中添加一个.container

/*添加您自己*/
琼博特伦，琼博红{
背景：红色；
}

您自己的颜色CSS
全幅布局
引导3网格仅为流体。此示例演示如何使用自定义容器创建固定宽度布局



颜色的材质CSS
全幅布局
引导3网格仅为流体。此示例演示如何使用自定义容器创建固定宽度布局

不起作用我不知道为什么！代码：您是否从布局中获取了类名（main.php）？我已经更新了答案。谢谢。你的这句话解决了问题：

记住也要从你正在使用的布局中删除这个类

，但是，做这件事的最好方法是什么，我的意思是，你将如何处理这些行，当然还有主要内容？我的意思是，你会用什么课或者类似的东西？因为一切都会搞砸的！如果我的答案正确，请标记为已接受。对于您的最后一个问题，在您的应用程序中始终使用无容器样式的最佳方式是删除此表单或布局（main.php），否则创建适当的布局，并在需要更改控制器/操作中对布局的引用时。如果你需要，你也可以定义一个你的类（例如：在yourapp/web/css/site.css中）并在这个类中指定你需要的样式。我希望这就是你想要的。否则，请发布一个更清楚的问题。最后，我做了，不需要任何删除或类似的东西。只是一个小把戏。谢谢你不起作用我不知道为什么！代码：您是否从布局中获取了类名（main.php）？我已经更新了答案。谢谢。你的这句话解决了问题：

记住也要从你正在使用的布局中删除这个类

，但是，做这件事的最好方法是什么，我的意思是，你将如何处理这些行，当然还有主要内容？我的意思是，你会用什么课或者类似的东西？因为一切都会搞砸的！如果我的答案正确，请标记为已接受。对于您的最后一个问题，在您的应用程序中始终使用无容器样式的最佳方式是删除此表单或布局（main.php），否则创建适当的布局，并在需要更改控制器/操作中对布局的引用时。如果你需要，你也可以定义一个你的类（例如：在yourapp/web/css/site.css中）并在这个类中指定你需要的样式。我希望这就是你想要的。否则，请发布一个更清楚的问题。最后，我做了，不需要任何删除或类似的操作。只是一个技巧。谢谢