html - 使用 bootstrap 3 调整图像周围的文本

Question

我有使用 bootstrap 3 的内容框。

CSS:

.news-thumbs{
   margin:10px;
}

HTML:

   <div class="row">
        <div class="col-md-6">
            <article class="feature">
                <figure class="pull-left news-thumbs thumbnail">
                    <img alt="" src="img/noor.png"><img alt="" src="http://1.gravatar.com/avatar/3a4fe156e7e23a3f6c023ab0abb305e2?s=160&amp;d=http%3A%2F%2Fcss-tricks.com%2Fimages%2Fget-gravatar.png%3Fs%3D160&amp;r=PG" class="avatar avatar-160 photo" height="160" width="160">
                </figure>
                <h1>

                    H1 Title

                </h1>
                <p class="justify">

                   Description …Description …Description …Description …Description …Description …Description …Description …Description
                  …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …
                   …Description …Description …Description …Description …Description …Description …Description …Description …

                </p>
            </article>
        </div>
    </div>

现在我输出结果，我在图像下方看到空白/空:

我该如何解决这个问题？

演示:http://jsfiddle.net/mth4aLx3/

Answer 1

在你的CSS中: FORKED JSFIDDLE

改变

.news-thumbs{
  margin: 10px;
}

到

.news-thumbs{
  margin: 0 10px 0 10px;
  padding-bottom: 0;
}