响应div覆盖与twitter bootstrap

Question

我正在使用带有wordpress的twitter bootstrap，并希望显示带有特色图像和一些文本的框，它看起来像这样：

      <div class="span2 first-page-article">
        <?php while (have_posts()) :the_post(); ?>
            <?php if (has_tag('start-smaka')) : ?>
                <?php 
                    if (has_post_thumbnail()) 
                    {
                ?>
                    <div>
                      <?php the_post_thumbnail(); ?>
                    </div>
                <?php
                    } 
                ?>
                <div class="first-page-article-description">
                    <h2><?php echo get_the_title(); ?></h2> 
                    <div><?php the_content(); ?></div>
                </div>
            <?php endif ?>
        <?php endwhile ?>
      </div><!--/span-->

我做了我自己的网格（10个，80个宽度，16个装订线）并上传了特色图像220px * 220px，而且我的第一页文章描述的最小高度为220px;这样我得到一个220px宽和440px高的盒子（重要的是文本框与图像大小相同）。现在我想对div悬停进行叠加效果。我试图使用该插件：http://www.backslash.gr/demos/contenthover-jquery-plugin/（示例4）但它打破了网站;它不再响应。有谁知道怎么做呢？