Bootstrap 圆角右上角

Question

我有一个 Bootstrap list-group-flush 来显示左垂直导航。

我想让左上角变圆。class="rounded-top"有效，但是class="rounded-top-left"，还是class="rounded top-left"什么都不做？

Answer 1

您始终可以创建自己的全局类。例如：

.rounded-top-left-1 {
    border-top-left-radius: 1rem;
}
.rounded-top-right-1 {
    border-top-right-radius: 1rem;
}
.rounded-bottom-left-1 {
    border-bottom-left-radius: 1rem;
}
.rounded-bottom-right-1 {
    border-bottom-right-radius: 1rem;
}