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

【问题标题】：Bootstrap 4: Align text with a icon inside a bootstrap ButtonBootstrap 4：将文本与引导按钮内的图标对齐
【发布时间】：2019-01-04 14:45:40
【问题描述】：

如何将文本排在图标下方，使文本留在按钮内？

我在表格中使用那个按钮

图像预览： 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;
}

【问题讨论】：

标签： twitter-bootstrap icons

【解决方案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

希望这会有所帮助。

【讨论】：