您好,感谢您阅读这篇文章。
我使用主引导程序和一些自定义CSS进行了此设置
链接到图片
如您所见,有些帖子之间有很大的空间,我想知道如何“推”每个博客的容器,这样看起来就不错了
这样的事情。
的CSS
.blog-post-holder .well {
background-color: #ffffff;
text-align: center
}
.blog-post-holder .well img {
width: 90%;
}
.blog-post-holder .well hr {
border: 1px solid #dbdbdb
}
HTML
<div class="blog-post-holder">
<div class="col-lg-3">
<div class="well">dwadwada<br />wdewad</div>
</div>
<div class="col-lg-3">
<div class="well">
<img src="http://www.verticalresponse.com/blog/wp-content/uploads/2013/02/blogimg1-620x350.jpg" />
<hr />
dwadwada<br />wdewad
</div>
</div>
<div class="col-lg-3">
<div class="well">dwadwada<br />wdewad</div>
</div>
<div class="col-lg-3">
<div class="well">
<img src="http://www.verticalresponse.com/blog/wp-content/uploads/2013/02/blogimg1-620x350.jpg" />
<hr />
dwadwada<br />wdewad
</div>
</div>
<div class="col-lg-3">
<div class="well">
<img src="http://www.verticalresponse.com/blog/wp-content/uploads/2013/02/blogimg1-620x350.jpg" />
<hr />
dwadwada<br />wdewad
</div>
</div>
<div class="col-lg-3">
<div class="well">dwadwada<br />wdewad</div>
</div>
<div class="col-lg-3">
<div class="well">dwadwada<br />wdewad</div>
</div>
<div class="col-lg-3">
<div class="well">
<img src="http://www.verticalresponse.com/blog/wp-content/uploads/2013/02/blogimg1-620x350.jpg" />
<hr />
dwadwada<br />wdewad
</div>
</div>
</div>
我已经尝试了几个小时,而我却迷失了如何做到这一点。我会接受任何帮助:jquery,插件,css或其他任何帮助。
感谢您的时间和帮助。
尝试有网格的布局
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句