css - Yii2 中带有 Material Bootstrap 库的全宽容器或超大屏幕

Question

我正在尝试使用 jumbotron 或类似全宽的全宽容器:

<div class="container" style="margin: 0 auto;width: 100%;background-color: red">
  <div class="jumbotron">
    <h1>Full Width Layout</h1>

    <p class="lead">The Bootstrap 3 grid is fluid only. This example shows how to use a custom container to create a fixed width layout.</p>

    <p><a class="btn btn-large btn-success" href="http://bootply.com/tagged/bootstrap-3" target="ext">More
                    Examples</a>
    </p>
  </div>
</div>

目前我正在使用:https://github.com/FezVrasta/bootstrap-material-design使用 Yii2。

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

Answer 1

如果你想要全宽

您不必在页面中使用 container 并记住从您正在使用的布局中也删除此类。 (或者您可以定义一个没有此类的布局，并在呈现页面之前在您的操作 $this->layout= "yourNewLayout"; 中设置)通常默认布局位于 /view/布局/main.php

那么你必须删除这一行:

 class="container" 

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

只是一个未成年人

你应该使用:

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