부트 스트랩 미리 문제

Question

내 자막이 썸네일 내부에 원하고, 그 이미지는 자막을 통해 오버 플로우하지 않습니다

내 HTML :

<div class="col-lg-4 col-md-4 wow fadeInLeft" data-wow-delay="1.8s"> 
         <div class="thumbnail"> 
          <a href="http://stoptheworld-iwannagetoff.com/"> <img src="images/stoptheworldxxx.jpg"></a> 
         </div> 
         <a href="http://loll.com/" ><p class="caption text-center">Thumbnail image</p></a> 
        </div> 

CSS :

.thumbnail{ 
      width:100%; 
      overflow: hidden; 


} 

img{ 
    -webkit-transition:all 0.5s ease; 

} 

img:hover{ 
    transform:scale(1.3);opacity:0.6;background-color: blue; 

} 

나는 노력을 미리보기 이미지를 닫는 div 태그 위에 캡션을 넣었지만 이미지가 캡션 위로 오버플로됩니다.

Answer 1

시도 :

<div class="col-lg-4 col-md-4 wow fadeInLeft" data-wow-delay="1.8s"> <div class="thumbnail"> <a href="http://stoptheworld-iwannagetoff.com/"> <img src="images/stoptheworldxxx.jpg"></a> <div class="caption text-center"> <a href="http://loll.com/" >Thumbnail image</a> </div> </div> </div>