bootstrap 4卡文本关闭卡文本

时间:2016-09-23 18:41:12

标签: php html twitter-bootstrap twitter-bootstrap-4

我试图在卡片文本段落中添加文字但是当我把它发生时:

the text goes out of the container

我试图解决这个问题,但我无法解决问题,我对此没有任何想法。源代码:

<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。谢谢你的帮助:)

1 个答案:

答案 0 :(得分:0)

作为

  

@NuclearPeon

说,styles.css中的word-wrap