Twitter bootstrap 使用引导的所有设备的响应性布局

这是我的密码。我希望它对所有设备都有响应，但目前没有响应。当我调整浏览器窗口的大小时，图像和文本之间的距离正在改变。我希望每个设备/尺寸的缺陷始终保持不变

请修改代码，如果包含您试图实现的目标的图片，这将非常酷。尝试将图像响应类添加到您的图像中，您已经添加了图像响应类，但没有用。当我调整浏览器的大小时，图像和文本之间的距离会发生变化。我使用的图像链接已添加到屏幕截图中

<div class="jumbotron vertical-center bgpurpletextoffwhite"> 
    <div class="container">
        <div class="row">
            <div class="col-xs-2 col-sm-5 col-md-5">
            </div>
            <div class="col-xs-3 col-sm-1 col-md-1">
              <img src="./assets/images/pmflogo-transparent.png"/>
            </div>
            <div class="col-xs-7 col-sm-6 col-md-6">
             <br>
                <h3>Put Me First </h3>
            </div>
       </div>
 </div>