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

你可能要考虑使用百分比给它的格但考虑到定位帐户不同的查看端口尺寸等...