引导程序4：将文本与引导程序按钮内的图标对齐

Question

我该如何在图标下方加上文字，使文字停留在按钮内？

我正在表格内使用该按钮

图片预览： Button

  <a href="@Url.Action("Edit", "LocalDaOperacao", new {id=item.LocalDaOperacaoID})"class="btn btn-warning" id="tamanho-botoes" >
   <span class="fa fa-edit"> Edit</span>
  </a>

#tamanho-botoes {
    width: 38px;
}

Answer 1

你在这里

  <a href=""class="btn btn-warning p-1" id="tamanho-botoes" >
   <span class="fa fa-edit"></span><br><span class="">Edit</span>
  </a>

#tamanho-botoes {
    width: 38px;
    line-height: 1;
}

签出Fiddle

希望这会有所帮助。