bootstrap 4 卡片文本脱离卡片文本

Question

我正在尝试将文本放在卡片文本段落中，但是当我将它放入时：

我正在尝试修复它，但我不能，我不知道如何修复它。源代码：

<div class='card'>
      <img class='card-img-top img-fluid' width="100%" src="{$post['imagen']}" alt=''>
      <div class='card-block'>
        <h4 class='card-title'>{$post['titulo']}</h4>
        <p class='card-text'>{$post['descripcion']}</p>
        <p class='card-text'><h6><a href="./categoria/{$post['categoria']}"><span class="tag tag-success"><i class="fa fa-tag" aria-hidden="true"></i> {$post['categoria']}</span></a></h6></p>
        <p class="text-muted card-text hidden-sm-up"></i>{$fecha}</p>
        <a href="./post/{$post['id']}" class='btn btn-primary hidden-sm-down'><i class="fa fa-eye" aria-hidden="true"></i> Leer más</a>
        <a href="./post/{$post['id']}" class='btn btn-primary hidden-sm-up btn-block'><i class="fa fa-eye" aria-hidden="true"></i> Leer más</a>
        <p class="pull-xs-right text-muted card-text hidden-sm-down">{$fecha}</p>
      </div>
    </div>

我也在使用 PHP。感谢您的帮助:)

Answer 1

作为

@NuclearPeon

说，styles.css 中的word-wrap