Задать вопрос
@vasIvas

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

Есть три сетки, две из которых содержат nav-bar растянутые по ширине и прижатые к верху и низу.
Как сделать чтобы блок-сетка находящаяся между nav-bar's заполняла все пространство между ними?
  • Вопрос задан
  • 220 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 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);

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

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

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