2016-09-23 58 views
0

我試圖把在卡片文本段落文本,但是當我把它出現這種情況:引導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。感謝您的幫助:)

+0

word-wrap是否設置''字wrap''糾正這個問題? http://www.w3schools.com/cssref/css3_pr_word-wrap.asp – NuclearPeon

+1

是的,這解決了這個問題。謝謝 :) – ToniApps

回答

0

由於

@NuclearPeon

說,在Styles.css中