Question

我正在尝试制作一个jumbotron bootstrap元素来获取页面的整个宽度，我尝试使用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>

Answer 1

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

jumbotron设置浏览器的全宽

1 个答案: