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

Question

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

我添加了我的CSS：

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

我是bootstrap的新手，CSS不是我最强的套件，有什么建议吗？

我创造了一个小提琴：http://jsfiddle.net/p382qby6/1/

Answer 1

你应该使用position：relative来管理元素之间的差距。

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