我使用Twitter的bootstrap进行流畅的布局,其中我有一行有两列.第一列有很多内容,我想通常填写范围.第二列只有一个按钮和一些文本,我想在第一列中相对于单元格进行底部对齐.
这就是我所拥有的:
-row-fluid-------------------------------------
+-span6----------+ +-span6----------+
| | |short content |
| content | +----------------+
| that |
| is tall |
| |
+----------------+
-----------------------------------------------
这就是我想要的:
-row-fluid-------------------------------------
+-span6----------+
| |
| content |
| that |
| is tall | +-span6----------+
| | |short content |
+----------------+ +----------------+
-----------------------------------------------
我已经看到使第一个跨度成为绝对高度的解决方案,并相对于它定位第二个跨度,但是我不需要指定我的div的绝对高度的解决方案将是首选.我也愿意彻底重新思考如何达到同样的效果.我没有嫁给这种脚手架的使用,它似乎对我来说最有意义.
这种布局作为小提琴: