IMG響應式引導程序3上的響應按鈕

Question

我正在嘗試在bootstrap3中對img-responsive做文本。它工作不正常，因爲當我做'絕對'的CSS它將不會響應。 如何製作按鈕總是 apear的形象和迴應？

一些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; 
} 

你可能要考慮使用百分比給它的格但考慮到定位帳戶不同的查看端口尺寸等...