产品列表-在列表底部对齐一些元素

Question

我需要对齐div底部的一些元素，同时保持其他元素在顶部。虽然我可以做部分工作，但我无法让它变得"漂亮"——我的元素没有正确对齐，元素之间没有很好的空间。我做错了什么，有什么建议吗？

我添加了我的CSS:

.bottom_align {
    position: absolute;
    bottom: 0;
}

我是引导程序的新手，CSS不是我最强大的套件，有什么建议吗？

我制作了一把小提琴：http://jsfiddle.net/p382qby6/1/

Answer 1

您应该使用position:relative来管理元素之间的间隙。

.bottom_align {
    position: relative;
   /* margin-top: some px; */
/* margin-bottom: some px; */
}