Bootstrap 4 - 容器类和圆角？

Question

我怎样才能实现一个 div，它有一个来自 Bootstrap 的容器类，但也有圆角？

<div class="container rounded">
  <div class="row">
     <div class="col">Approver:</div>
  </div>
</div>

当我使用上面的代码时，我的角仍然是方形的，但是 Bootstrap 4 文档指出“rounded”类应该处理圆角？

Answer 1

根据文档，rounded引导程序中的类执行以下操作：

.rounded {
    border-radius:.25rem!important
}

您应该能够在容器上使用它。

但是，请记住，除非背景颜色与container（或者除非它具有不同颜色的边框）具有不同的颜色，否则它将不可见。

这是一个片段：

.rounded {
    border-radius:.25rem!important
}