@vasIvas

Как задать размер сетке в bootstrap?

Есть три сетки, две из которых содержат nav-bar растянутые по ширине и прижатые к верху и низу.
Как сделать чтобы блок-сетка находящаяся между nav-bar's заполняла все пространство между ними?
  • Вопрос задан
  • 217 просмотров
Пригласить эксперта
Ответы на вопрос 1
sidorenkoda
@sidorenkoda
Программист, верстальщик, руководитель проектов
Если тупо в лоб, то так:
CSS
nav-bar должны быть абсолютно позиционированы, один сверху, другой внизу
#content { position: absolute; left: 0; top: 0; }
JS
hOfWindow = выясняем высоту окна, делаем parseInt [ вроде parseInt($(window).height()); ]
hOfTopElement = высота верхнего nav-bar, делаем parseInt
hOfBottomElement = высота нижнего nav-bar, делаем parseInt

Блок сетка между ними => id = #content
$('#content').css('height', hOfWindow - hOfTopElement - hOfBottomElement);
$('#content').css('top', hOfTopElement);

И все будет на своем месте)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы