<分区>
<分区>
我正在尝试制作一个 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>
最佳答案
你必须覆盖 Bootstrap 中的 Css，如果你在容器上使用 flex box，在 jumbotron 上使用 flex basis。它将覆盖宽度
关于css - jumbotron 设置浏览器的全宽，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48597312/