引导卡覆盖包装和截断

Question

我正在开发一个Web应用程序，并且正在使用引导卡。不管我做什么我都无法配合。

我连续有5张卡片，并且使用卡片覆盖物向其中添加文本。而且我需要文本以多行居中，换行并且如果真的很长的话，则进行截断。以及所有响应。甚至有可能吗？

<div class="row">
  <div class="col-md">
    <div class="card">
      <img class="card-img-top" src="https://dummyimage.com/300x200/aaa/000.jpg&text=+">
      <div class="card-img-overlay">
        <span class="hp-scene-text-center text-truncate">really long text that is so long that it doesnt fit in this cards overlay</span>
      </div>
    </div>
  </div>
</div>

而hp-scene-text-center是

.hp-scene-text-center {
  font-size: larger;
  display: block;
}