bootstrap 缩略图填充
bootstrap thumbnail padding
这是我的代码:
@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>
}
如何减少每个项目之间的边距(请查看附件)
谢谢
.col-lg-2.col-md-3.col-sm-4.col-xs-12
{
padding: 0 your desired padding/2;
}
其实就是padding。不是保证金。
这里是 bootply 示例:- http://www.bootply.com/4yqAuLl9tM
这是我的代码:
@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>
}
如何减少每个项目之间的边距(请查看附件)
谢谢
.col-lg-2.col-md-3.col-sm-4.col-xs-12
{
padding: 0 your desired padding/2;
}
其实就是padding。不是保证金。
这里是 bootply 示例:- http://www.bootply.com/4yqAuLl9tM