Bootstrap标签的宽度相同

Question

我正在使用Bootstrap 3.我有5个不同的labels,我想将它们设置width为最大值并使文本居中.

例如,每个label人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>