Bootstrap css水平對齊元素不能正常工作

我正在嘗試使兩個相鄰的div水平對齊到正確的對方，但失敗，因爲它不適合正確。Bootstrap css水平對齊元素不能正常工作

<div class="container"> 
    <div class="row"> 
    <div> 
     <div class="offer-horizontal"> 
     <div class="col-xs-12 col-sm-3 col-md-3" style="text-align:center;"> 
      <img src="https://icon.uiowa.edu/help/wp-content/uploads/2014/07/ICON_logo_only.png" alt="nothing" style="height:20px;width:50px;"> 
     </div> 
     <div class="col-xs-12 col-sm-3 col-md-3"> 
      <span class="offer-description-horizontal" ng-bind-html="offer.description | words:15"></span> 
      <p>Some really large label that will wrap to multiple lines in small screens</p> 
      <div> 
      <button> 
       shop now 
      </button> 
      </div> 
     </div> 
     </div> 
     <div class="offer-horizontal"> 
     <div class="col-sm-3 col-md-3" style="text-align:center;"> 
      <img src="http://www.iconplc.com/icon-files/images/image-bank-component/other/icon-logo.jpg" style="height:20px;width:50px;"> 
     </div> 
     <div class="col-sm-3 col-md-3"> 
      <span class="offer-description-horizontal" ng-bind-html="offer.description | words:15"></span> 
      <p>Some really large label that wil</p> 
      <div> 
      <button> 
       shop now 
      </button> 
      </div> 
     </div> 
     </div> 
     <div class="offer-horizontal"> 
     <div class="col-sm-3 col-md-3" style="text-align:center;"> 
      <img src="https://upload.wikimedia.org/wikipedia/commons/9/9e/Icons_logo_normal.jpg" alt="nothing" style="height:20px;width:50px;"> 
     </div> 
     <div class="col-sm-3 col-md-3"> 
      <span class="offer-description-horizontal" ng-bind-html="offer.description | words:15"></span> 
      <p>Some really large label that will wrap to multiple lines in small screens</p> 
      <div> 
      <button> 
       shop now 
      </button> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>

第一組分：分度，黑色圖標

第二組分：分度，綠色圖標（以下描述）

第三組分：分度藍色圖標

圖示和說明是一個部件和2個組件應該是相同高度的並排（在桌面和平板電腦上，在這個例子中我創建了兩個組件並排，但由於第二個組件的高度問題，綠色圖標的高度較低，所以第三個組件而不是低於第一個組件，它低於第二個組件。

基本上我的問題是：如何調整與綠色圖標第二組件，使得第三部分就是第一部分

任何幫助表示讚賞以下。

的jsfiddle：

JSfiddle

來源

2016-02-17 user2936008