Bootstrap 3 Jumbotron有圆形边缘(我如何摆脱他们？)

Question

在Bootstrap 3中,.jumbotron具有圆边(默认情况下).有没有办法摆脱圆形边缘？(下面的圆边图片供参考)

Answer 1

Bootstrap 3 Jumbotron有类:

.container .jumbotron {
    border-radius: 6px ;
}

你会想:被设置为边界半径:0像素;同时,我建议增加该class到一个单独的样式表(bootstrap.css之后被调用),并覆盖它,而不是直接改变bootstrap.css文件.

.container .jumbotron {
    border-radius: 0 !important;
}

Answer 2

要摆脱圆形边缘,请使用.jumbotron-fluid和.jumbotron,并按照此处所述放置容器

 <div class="jumbotron jumbotron-fluid">
   <div class="container">
    ...
   </div>
 </div>

Answer 3

引导提示下面这里

要使 jumbotron 全宽且没有圆角，请将其放置在所有 .containers 之外，而是在其中添加一个 .container。

<div class="jumbotron">
  <div class="container">
    ...
  </div>
</div>