サムネイルブートストラップの一番下に行を配置するには

Question

Divサムネイルの下に行を追加しようとしましたが、正しい結果を得ることができず、正しい答えが見つからないようです。

<div class="item col-lg-4"> 
     <div class="thumbnail"> 
      <div class="caption"> 
       <h4 class="list-group-item-heading"><?php echo $row["name"]; ?></h4> 
       <p class="list-group-item-text"><img style="width: 100%; padding-bottom: 10px;" border="0" src="<?php echo $row["description"]; ?>"></p> 
       <div class="row"> 
        <div class="col-md-6 "> 
         <p class="lead"><?php echo '€'.$row["price"].' EURO'; ?></p> 
        </div> 
        <div class="col-md-6 "> 
         <a class="btn btn-success" href="cartAction.php?    action=addToCart&id=<?php echo $row["id"]; ?>">Add to cart</a> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

これは普通のコードに入れても、まったく返されません。 SQLデータベースから情報を取得するためです。それはこのようなものを返す：

|================|       |================| 
| picture  |       | picture  | 
|    |       |    | 
|  -  |       |  -  | 
|    | but i want it to be like. |    | 
| price, button |       |    | 
|    |       |    | 
|    |       |    | 
|    |       |    | 
|    |       | price, button | 
|================|       |================| 

問題があります。行に余分なクラスを追加してvallign bottomを与えるか、またはちょうどbottom: 0px;が機能しません。

大きなフォームはサムネイルで、価格とボタンが並んでいます。その形式が有用な情報になるかもしれないことを知っています。

私の母国語ではなく、悪い英語のために、 本当に残念ですが、この回答が明白であれば、私はブートストラップには新しいです。

Answer 1

これは何が必要かもしれ：

.thumbnail { 
    position: relative; 
    height: 300px; /* Replace with your desired thumbs height */ 
} 

.row-bottom { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
} 

チェックthis example