为什么我的引导按钮没有四舍五入

Question

我正在使用“btn-info”类，但由于某种原因，按钮没有圆滑并且设计得当。我没有这堂课的任何CSS。我在没有类的div中使用它并且在'container'div中。我得到按钮的蓝色，仅此而已。

Answer 1

您必须与btn-info一起使用btn。 E.g：

<button type="button" class="btn btn-info">Info</button>

Answer 2

.btn-round-lg{
border-radius: 22.5px;
}
.btn-round{
border-radius: 17px;
}
.btn-round-sm{
border-radius: 15px;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}

将此代码粘贴到您的css文件中，并在css中提到的按钮tage中编写类。