Вставить строку bootstrap3 с полной высотой отображения?

Question

У меня есть простая страница Bootstrap3 с несколькими существующими строками, и я хочу вставить одну новую строку, которая будет иметь высоту экрана.

Какой лучший (самый чистый и совместимый) способ сделать это? Я бы сказал, что использование нового CSS3 "height:100vh" поможет, но в некоторых браузерах он все еще не поддерживается.

При поиске я наткнулся на все виды трюков и волшебства, включая использование jquery или плагинов, но мне интересно, есть ли простой атрибут css или класс Bootstrap3, который я могу использовать для этого?

Обратите внимание, что моя страница состоит не только из одной строки в полный рост, у меня есть несколько строк динамического размера со случайным содержимым, и теперь я хочу вставить одну новую строку, которая должна иметь высоту полного экрана.

Answer 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