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代码here .

以及我正在尝试构建的内容的屏幕截图

Answer 1

试试这个

http://jsfiddle.net/UBfCE/68/

   .ribbon-wrapper{
    margin:0 0 0 212px;
    position:absolute;
    }