Bootstrap та же ширина для меток

Question

Я использую Bootstrap 3. У меня есть 5 разных label s, и я хочу установить их width на максимальный и центрировать текст.

Например каждый label «s width должен быть равен красному.

<span class="label label-md label-danger">Merkez Tarafından Reddedildi</span> 

Answer 1

потому .label инлайн, необходимо установить в качестве inline-block, а затем установить min-width

Бутстраповское уже центрирует текст в .label поэтому нет необходимости беспокоиться об этом.

Примечание:!important только для демонстрации, во избежание любой ценой используйте в своем коде.

.label { 
 
    min-width: 200px !important; 
 
    display: inline-block !important 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<span class="label label-md label-danger">Merkez Tarafından Reddedildi</span> 
 
<hr /> 
 
<span class="label label-md label-info">Merkez</span> 
 
<hr /> 
 
<span class="label label-md label-warning">Merkez Tarafından </span> 
 
<hr /> 
 
<span class="label label-md label-success">Tarafından Reddedildi</span> 
 
<hr /> 
 
<span class="label label-md label-default">Tarafından</span> 
 
<hr /> 
 
<span class="label label-md label-primary">Tarafından lipsum</span>

Answer 2

Не могу придумать точный ответ, который вам нужен, но, возможно, это будет еще лучше для вас.

.label { 
    width:200px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

.label:hover { 
    white-space: normal; 
}