Пользовательская форма значка Bootstrap

Question

Я бы хотел изменить форму значков начальной загрузки. Не эллипс по умолчанию, а прямоугольник с закругленными углами. Каков правильный способ?

Answer 1

Вам необходимо настроить класс жетона, как следующее:

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

Answer 2

попробовать что-то вроде этого ...

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

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

надеюсь, что это поможет.