css - 我的跨度有什么问题

Question

嗨，我想在我的图片按钮上设置一个缩略图，但它超出了我所拥有的整个范围，这里是我的代码，这里是整个代码 http://jsfiddle.net/dP4eL/我正在使用推特 Bootstrap

<div class="tab-content">
    <div class="tab-pane fade in active" id="home"><div class="container">
        <div class="row">
            <ul class="thumbnails">
                <li class="span4">
                  <div class="thumbnail">
                    <img src="Hydrangeas.jpg" alt="product 1">
                    <div class="caption">
                        <h5>Product detail</h5>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore       magna aliqua.</p>
                        <br>
                        <div class="span1">
                            <div class="thumbnail"><img src="Hydrangeas.jpg" alt="image">
                                <a href="#" class="btn btn-warning">fav</a>
                            </div>
                        </br>
                    </div>
                </p>
            </div>
        </div>
    </li>

谢谢

Answer 1

你的问题有点难以理解 - 我猜你确实希望那个小“图像/收藏按钮”-Box 保留在它的父 div 中？!

Bootstrap 应该以正确的方式使用 float ，因此，尝试添加到您的.thumbnail-class:

.thumbnail { overflow: hidden; }

如果那是你想要实现的。