前端之家收集整理的这篇文章主要介绍了
javascript – 如何创建Bootstrap缩略图网格,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个未知数量的拇指要显示,这里是HTML渲染的一个例子:
结果如下:
问题:由于我动态构建UI,如何避免第二行的边距而不创建另一个< div class =“row-fluid”>
需要更新IE8解决方案
最佳答案
假设宽度不会改变LI的父级使用:nth-child(4n)应该用于定位x元素.
.row-fluid li:nth-child(4n) {
margin: 10px;
padding: 0;
}
有关如何为以下代码编写公式的详细信息,请参阅spec:nth-child().
一个非常非常基本的Fiddle显示它工作.
更新
要使用IE8,只需使用jQuery(假设您正在使用它)
$('.row-fluid li:nth-child(4n)').css({'margin':'10px'});
我确实认为应该这样做.