如何使div位于另一个div的底部(Bootstrap)

时间:2015-08-10 04:00:20

标签: html css twitter-bootstrap css3 primefaces

在我的网站上http://clothn.com/我有这个数据网格,只是将它转换为Bootstrap,现在我无法使用表格单元格,我无法让div位于底部父节点。

父div是

 <div class="ui-datagrid-column ui-grid-col-3">

我希望其中的div放在它的底部。

位于.ui-datagrid-column内的Div是这样的:

  <div class="ui-panel ui-widget ui-widget-content ui-corner-all product-panel bottom-aligned-text">

我试图将.ui-datagrid-column设置为relative,将.ui-panel设置为绝对但是它会混淆一切,正如我所说,我不能再使用table-cell / vertical-align:bottom了似乎。

谁能告诉我我需要使用的CSS?所有4个“购买”按钮应排在每一行,其他信息应叠加在它上面。谢谢

截至8月10日仍然没有工作:(

2 个答案:

答案 0 :(得分:1)

轻松修复!只需在锚标记中添加以下样式属性:

position: absolute;
bottom: 0px;

答案 1 :(得分:1)

如果您不想使用position: absolute

了解Bootstrap的.panel-footer,它可能会以一种时尚的方式做你想做的事。