2017-06-14 44 views
0

我做了一些縮略圖和一些圖像。我正在使用bootstrap。如何顯示長標題(引導)

在每張圖片下面我要標題。

問題是,當標題很大時,它打破了第二行,使縮略圖變得混亂。

這裏 https://s17.postimg.org/v4116i54f/pic.png

人知道什麼問題,如何解決這一問題?

<div class="col-lg-3 col-sm-6 videoitem"> 
           <div class="b-video"> 
            <div class="v-img"> 
             <a href="single-video-tabs.html"><img src="http://domain/cover/7604.jpg" class="img-rounded" width='270' height='169' alt=""></a> 
             <div class="time">3:50</div> 
            </div> 
            <div class="v-desc"> 
             <a href=".html" >title</a> 
            </div> 
            <div class="v-views"> 
             27,548 views. <span class="v-percent"><span class="v-circle"></span> 78%</span> 
            </div> 
           </div> 
          </div> 

回答

0

你這裏有兩種可能性:

無論是力heightoverflowtext-overflow

單行標題或使用某種clearfix的每4個項目後清除浮動

如果您不太關心瀏覽器支持,您還可以嘗試使用實現網格的Bootstrap 4,使用flexbox