css - Bootstrap 缩略图填充

Question

这是我的代码:

 @for (int j = 0; j < 10; j++)
                    {
                        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-12">
                            <div class="thumbnail">
                                <img src="http://placehold.it/800x500" alt="">
                                <div class="">
                                    <h3>Feature Label</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                                    <p>
                                        <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    }

如何减少每个元素之间的边距(请查看附件)

谢谢

Answer 1

.col-lg-2.col-md-3.col-sm-4.col-xs-12
{
    padding: 0 your desired padding/2;
}

其实就是padding。不是 margin 。

这里是 bootply 示例:- http://www.bootply.com/4yqAuLl9tM