定制形状的Bootstrap徽章

Question

我想改变引导徽章的形状。不是默认的椭圆，而是带圆角的矩形。这样做的正确方法是什么？

Answer 1

您需要调整徽章类，如下所示：

.badge {
    min-width: 28px;
    border-radius: 4px;
}

Answer 2

尝试类似的东西......

＆＃13;

＆＃13;

    .mynewbadge
    {
    
        width:20px;
        height:20px;
        border-radius:4px; //modify it according to your need..
        -webkit-border-radius:4px;
        background:gray;
        color:white;
      text-align:center;
    
    }

＆＃13;

<div class="mynewbadge">5</div>

＆＃13;

＆＃13;

＆＃13;

希望这会对你有所帮助。