Мобильная версияBootstrap – Как создать полноэкранный макет с прокручиваемыми столбцами? ⇐ CSS
-
Anonymous
Bootstrap – Как создать полноэкранный макет с прокручиваемыми столбцами?
Я пытаюсь создать полноэкранный макет, который будет занимать 100 % области просмотра, с прикрепленным верхним и нижним колонтитулом и индивидуально прокручиваемыми столбцами в основной области контента.
Я экспериментировал с использованием .h-100 и .flex-grow-1 в различных строках и столбцах, но не смог заставить это работать. Ближе всего я подошел к добавлению h-100 к контейнеру и средней строке, но при этом нижний колонтитул отодвигается от нижней части экрана.
Панель навигации Боковая панель Список статей Содержимое статьи Нижний колонтитул Я могу заставить его работать только с одним столбцом, но добавление более одного столбца нарушает макет, чего я не понимаю.
Я пытаюсь создать полноэкранный макет, который будет занимать 100 % области просмотра, с прикрепленным верхним и нижним колонтитулом и индивидуально прокручиваемыми столбцами в основной области контента.
Я экспериментировал с использованием .h-100 и .flex-grow-1 в различных строках и столбцах, но не смог заставить это работать. Ближе всего я подошел к добавлению h-100 к контейнеру и средней строке, но при этом нижний колонтитул отодвигается от нижней части экрана.
Панель навигации Боковая панель Список статей Содержимое статьи Нижний колонтитул Я могу заставить его работать только с одним столбцом, но добавление более одного столбца нарушает макет, чего я не понимаю.
