img-responsive 부트 스트랩의 반응 버튼 3

Question

bootstrap3에서 img-responsive로 텍스트를 만들려고합니다. 제대로 반응하지 않을 것이므로 '절대적인'CSS를 만들면 제대로 작동하지 않습니다. 버튼을 만드는 방법 항상 이미지에 반응이 있습니까?

일부 HTML

 <div class="container"> 
      <div class="row"> 
       <div class=" col-md-12 col-sm-12 col-xs-12"> 
        <div class=" col-md-6 col-sm-12 col-xs-12 "> 
         <img class="left img-responsive" src="http://placehold.it/350x250" alt=""> 
         <div class="btn btn-danger button-image"> 
          DOWNLOAD 
         </div> 
        </div> 
        <div class=" col-md-6 col-sm-12 col-xs-12 "> 

         <img class="left img-responsive" src="http://placehold.it/350x250" alt=""> 
         <div class="btn btn-danger button-image"> 
          SEE MORE 
         </div> 

        </div> 

       </div> 
      </div></div> 


     <div id="push"></div> 

Bootply는 http://www.bootply.com/131025

Answer 1

변경 오른쪽에서 왼쪽으로 :

.button-image{ 
position:absolute; 
bottom:21px; 
left: 130px; 
width:100px; 
height:30px; 
} 

당신이 고려하는 것처럼 사업부에서의 위치를 ​​백분율을 사용하여 생각 할 수 있습니다 계정의 다른보기 포트 크기 등 ...