css - Twitter Bootstrap でサムネイルの CSS リボンを調整する

Question

この画像パネルにCSSリボンを作成しようとしています。しかし、リボンは画面の右上に表示され続けます。ここに私のHTMLコードがあります

<li class="span4">
                <div class="thumbnail">

</div>

                  <img src="img/placeholder-360x200.jpg" alt="product name">
                  <div class="caption">
                    <h3>Product name</h3>
                    <p>
                      Few attractive words about your product.Few attractive words about your product.
                      Few attractive words about your product.Few attractive words about your product.
                    </p>
                  </div>
                  <div class="widget-footer">
                    <p>
                      <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
                      <a href="product.html" class="btn">Read more</a>
                    </p>
                  </div>
                </div>

CSS コードはここにあります。

そして、私が構築しようとしているもののスクリーンショット