Twitter bootstrap 引导圆角右上角

我有一个引导列表组刷新以显示左侧垂直导航

---

我想把左上角弄圆

class=“rounded top”

可以工作，但是

class=“rounded top left”

或

class=“rounded top left”

没有任何作用？

根据Bootstrap 4.3的文档，没有只绕一个角的实用程序类：。如果你想上那门课，你就得自己写

---

我只是快速浏览了引导程序3.4和4.2.1。3.4版没有任何边界半径类，4.2版的选项更少，因此切换到其他版本无法解决此问题。

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

.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;
}

---

我放弃使用Bootstrap自己的默认代码，使用了以下CSS：

#corner1 {
            border-top-left-radius: 3px;
        }

<a href="home" id="corner1" class="list-group-item">Link here</a>

#角落1{
边框左上半径：3px；
}

---

更新：看起来引导不允许对单个角进行舍入

您可以创建自己的类，如：

.border-upper-radius {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }  
  .border-downer-radius {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  } 

---

你用的是什么版本的引导程序？你赢了我！是啊，可惜他们没有这么做。我用CSS创建了它-见下文。谢谢你的意见。