Bootstrap-4-Karte Text geht von der Karte-Text

Question

Ich versuche, einen Text in einer Karte-Text Absatz zu setzen, aber wenn ich es das passiert:

Ich versuche zu beheben Aber ich kann nicht, ich habe keine Ahnung, wie ich das beheben kann. Der Quellcode:

<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> 

Ich verwende auch PHP. Danke für die Hilfe :)

Answer 1

Als

@NuclearPeon

sagt, die word-wrap im styles.css