Css 如何在Bootstrap4中创建一个适合屏幕的基本4区域模板（不滚动或中间区域的显式高度设置）？
在Bootstrap4中，我如何（或者最好的方法是什么）制作一个看起来像底部图像的（基本的？）布局模板 要求：Css 如何在Bootstrap4中创建一个适合屏幕的基本4区域模板（不滚动或中间区域的显式高度设置）？,css,twitter-bootstrap,bootstrap-4,Css,Twitter Bootstrap,Bootstrap 4,在Bootstrap4中，我如何（或者最好的方法是什么）制作一个看起来像底部图像的（基本的？）布局模板 要求： 请注意，我希望content1和content2的div/containers填充导航栏和页脚之间的空间，以完全适合任何用户的浏览器窗口，并且高度不超过，并在整个页面上创建滚动条 页脚应始终位于content1和content2下方，并且在用户页面底部始终可见，就像粘性页脚一样 在content2（或content1）中创建的任何新容器/div都应该自动适应content2（或cont
如果我所要求的是不可能的，请提供一个最好的替代品和一个样品，这将是理想的，以实现我所寻找的。这是非常容易的工作与Bootstrap@4或使用
flex-boxCSS正文{
身高：100%；
宽度：100%；
}
.主包装{
背景色：#F5；
身高：100%；
左：0；
填充底部：50px；
填充顶部：50px；
位置：固定；
排名：0；
宽度：100%；
}
@介质（最大宽度：991px）{
.主包装{
溢出x：隐藏；
溢出y：自动；
}
}
.标题包装{
背景色：#009688；
颜色：白色；
高度：50px；
宽度：100%；
}
.页脚包装{
背景色：#121212；
颜色：白色；
高度：50px；
宽度：100%；
}
.车身包装{
背景色：#f0；
宽度：100%；
}
.content-1{
背景色：#2DC050；
颜色：白色；
填充：30px；
宽度：100%；
}
.内容-2{
背景色：#1FA325；
颜色：白色；
填充：30px；
宽度：100%；
}
@介质（最小宽度：992px）{
.content-1，
.内容-2{
溢出x：隐藏；
溢出y：自动；
}
}
我被固定住了。我将一直在顶部可见。我身高固定。
我很满意。我的位置在左边。除页眉和页脚高度外，我一直适合任何浏览器窗口。如果内容不合适，我也可以滚动。
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行
我满足于二。我的立场是正确的。除页眉和页脚高度外，我一直适合任何浏览器窗口。如果内容不合适，我也可以滚动。
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行
我的脚是固定的。我将一直在底部可见。我身高固定。