插入一个完全显示高度的bootstrap3行?

时间:2014-11-12 13:18:52

标签: css css3 twitter-bootstrap-3 height row

我有一个简单的Bootstrap3页面,有一些现有的行,我想插入一个全屏高度的新行。

最好的(最清洁和兼容)方法是什么?我会说使用CSS3的新“高度:100vh”可以解决问题,但在相当多的浏览器中它仍然是doesn't seem to be supported

在搜索时,我遇到了各种各样的技巧和魔法,包括使用jquery或插件,但我想知道是否只有一个简单的css属性或Bootstrap3类可用于此?

请注意,我的页面不仅包含这一个全高行,我有几个动态大小的行包含随机内容,现在我想插入一个必须是全屏高度的新行。

1 个答案:

答案 0 :(得分:1)

height:100vh

应该像你说的那样做,IE 9非常支持它。

编辑: 对于Android用户,然后忘记CSS使用Javascript:

var h = document.getElementById("container").offsetHeight; //the parent container or body
document.getElementById("my_100_percent_row").style.height = h + "px"; //the row that must have 100% height