Twitter bootstrap 将底部与引导4对齐

在引导程序4中，“对齐底部”似乎对我不起作用

下面是我的代码。我希望文本与底部的线条对齐。我不能使用边距/填充，因为有时，此文本会有多行

如何垂直对齐底部

<div style="height:55px !important;">
  <span class="align-bottom">
    This text should align to bottom, closer to the line
  </span>
</div>
<div class="border-top">
    Other content below the line
</div>

此文本应与底部对齐，靠近线条
行下的其他内容

jsiddle:

As，align bottom在

显示：块中不起作用

使用显示表格单元格或flexbox与底部对齐

<div style="height:55px !important;" class="align-bottom d-table-cell">
  <span>
    This text should align to bottom, closer to the line
  </span>
</div>


此文本应与底部对齐，靠近线条

或者


此文本应与底部对齐，靠近线条
其他内容

演示：
如同，对齐底部在
显示：块中不起作用

使用显示表格单元格或flexbox与底部对齐

<div style="height:55px !important;" class="align-bottom d-table-cell">
  <span>
    This text should align to bottom, closer to the line
  </span>
</div>


此文本应与底部对齐，靠近线条

或者


此文本应与底部对齐，靠近线条
其他内容

演示：
您可以按如下方式对齐底部的文本：

<div style="height:55px !important; position: relative;">
  <span class="align-bottom" style="position: absolute;bottom:0;">
    This text should align to bottom, closer to the line
  </span>
</div>
<div class="border-top">
    Other content
</div>


此文本应与底部对齐，靠近线条
其他内容

工作的JSFIDLE链接是：
您可以将底部的文本对齐，如下所示：

<div style="height:55px !important; position: relative;">
  <span class="align-bottom" style="position: absolute;bottom:0;">
    This text should align to bottom, closer to the line
  </span>
</div>
<div class="border-top">
    Other content
</div>


此文本应与底部对齐，靠近线条
其他内容

工作的JSIDLE链接是：