将引导程序div彼此对齐

用户4403536

您好,感谢您阅读这篇文章。

我使用主引导程序和一些自定义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或其他任何帮助。

感谢您的时间和帮助。

尝试有网格的布局

http://suprb.com/apps/gridalicious/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将div彼此对齐

来自分类Dev

将div彼此对齐

来自分类Dev

引导程序-将DIV对齐到顶部,中间和底部

来自分类Dev

引导程序中彼此相邻的2 div

来自分类Dev

引导程序中彼此相邻的2 div

来自分类Dev

如何将div彼此对齐?

来自分类Dev

如何将div彼此对齐?

来自分类Dev

将五个div彼此并排对齐

来自分类Dev

如何将div彼此对齐?

来自分类Dev

在引导程序中将div与页面底部对齐

来自分类Dev

引导程序:将内容与基线对齐

来自分类Dev

将引导程序行与本节的底部对齐

来自分类Dev

将货币数字与左引导程序对齐

来自分类Dev

将桌子彼此对齐

来自分类Dev

如何将图像对齐到嵌套div的底部(在引导程序中)?

来自分类Dev

将输入标签对齐到引导程序中div元素的底部

来自分类Dev

如何在引导程序4中将div与适当的间距对齐

来自分类Dev

使用引导程序将 div 和导航栏向右对齐

来自分类Dev

如何使用引导程序将容器 div 中的行内容居中对齐?

来自分类Dev

如何将两个div彼此对齐?

来自分类Dev

如何将div框与彼此相邻的文本对齐

来自分类Dev

在div中将图像彼此对齐

来自分类Dev

对齐引导程序列

来自分类Dev

引导程序-正确对齐

来自分类Dev

使用引导程序对齐

来自分类Dev

引导程序对齐问题

来自分类Dev

使用引导程序对齐

来自分类Dev

引导程序对齐问题

来自分类Dev

对齐引导程序列