twitter-bootstrap Bootstrap 3 Jumbotron 有圆形边缘（我如何摆脱它们？）
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/24843167/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Bootstrap 3 Jumbotron Has Rounded Edges (How Do I Get Rid of Them?)
提问by CoderBryan
In Bootstrap 3, the .jumbotron has rounded edges (by default). Is there a way to get rid of the rounded edges? (Picture of rounded edges below for reference)
在 Bootstrap 3 中，.jumbotron 具有圆形边缘（默认情况下）。有没有办法摆脱圆角？（以下圆边图片供参考）
回答by Charlie
The Bootstrap 3 Jumbotron has the class:
Bootstrap 3 Jumbotron 具有以下课程：
.container .jumbotron {
border-radius: 6px ;
}
You will want to set that to border-radius: 0px;, but I would suggest adding that same class to a separate stylesheet (being called after bootstrap.css) and override it, rather than changing the bootstrap.css file directly.
您可能希望将其设置为 border-radius: 0px;，但我建议将相同的类添加到单独的样式表（在 bootstrap.css 之后调用）并覆盖它，而不是直接更改 bootstrap.css 文件。
.container .jumbotron {
border-radius: 0 !important;
}
回答by Aaqib
回答by ihank724
Bootstrap suggests below here
引导提示下面这里
To make the jumbotron full width, and without rounded corners, place it outside all .containers and instead add a .container within.
要使 jumbotron 全宽且没有圆角，请将其放置在所有 .containers 之外，而是在其中添加一个 .container。
<div class="jumbotron">
<div class="container">
...
</div>
</div>
回答by Sam Pep
If you haven't done this already, make sure that the Jumbotron class is before your container.
如果您还没有这样做，请确保 Jumbotron 类在您的容器之前。
EX.
前任。
<div class="jumbotron">
<div class="container-fluid>
