jumbotron设置浏览器的全宽[重复]答案

【问题标题】：jumbotron setting full width of browser [duplicate]jumbotron设置浏览器的全宽[重复]
【发布时间】：2018-02-03 21:44:44
【问题描述】：

我正在尝试制作一个 jumbotron 引导元素来占据页面的整个宽度，我尝试使用 col-xs-12 和 w-100 类，但这并没有改变任何东西。

谁能指导我如何改变jumbotron元素的宽度和高度

CSS

<style>
.form-group {margin-top:1px}
 .jumbotron { color: #ec971f;width: 100%; margin-buttom:1px;max-resolution: res;rginbuttom:0px;}
.jumbotron p {color:blue;}
 .jumbotron { .navbar-brand{font-weight: bold;font-family: Verdana;font-size:12px }
</style>

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script
</head>
  <body>
    <div class="container" style= "margin-top:52px;"  >
      <div class="jumbotron well col-xs-12 w-100">
        <center> <h4 style="font-weight:bold">Sales</h4> </center>
      </div>
    </div>
  </body>
</html>

【问题讨论】：

Bootstrap 3 中没有 w-100 类。您应该使用 container-fluid。

标签： css html twitter-bootstrap

【解决方案1】：

您必须覆盖引导程序中的 Css，如果您在容器上使用 flex 框并在 jumbotron 上使用 flex 基础。它将覆盖宽度

【讨论】：