Html Twitter引导:网格的高度相同
使用Bootstrap 4,我希望我的分区具有相同的高度。但是我只想放大内容Html Twitter引导:网格的高度相同,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,使用Bootstrap 4,我希望我的分区具有相同的高度。但是我只想放大内容(不是页眉和页脚) 部分{ 背景:#ccc; 边框:1px实心#000 } 标题{ 背景:红色; 颜色:#fff } 页脚{ 背景:蓝色; 颜色:#fff } 标题 项目1 页脚 标题 项目1 项目2 页脚 标题 项目1 项目2 项目3 项目4 页脚 像这样的东西 .content { min-height: 150px; height: 150px; } 部分{
(不是页眉和页脚)
部分{
背景:#ccc;
边框:1px实心#000
}
标题{
背景:红色;
颜色:#fff
}
页脚{
背景:蓝色;
颜色:#fff
}
标题
-
项目1
页脚
标题
-
项目1
-
项目2
页脚
标题
-
项目1
-
项目2
-
项目3
-
项目4
页脚
像这样的东西
.content {
min-height: 150px;
height: 150px;
}
部分{
背景:#ccc;
边框:1px实心#000
}
标题{
背景:红色;
颜色:#fff
}
页脚{
背景:蓝色;
颜色:#fff
}
.内容{
最小高度:150px;
高度:150像素;
}
标题
-
项目1
页脚
标题
-
项目1
-
项目2
页脚
标题
-
项目1
-
项目2
-
项目3
-
项目4
页脚
部分{
背景:#ccc;
边框:1px实心#000;
身高:100%;
显示:flex!重要;
弯曲方向:立柱;
对齐内容:之间的空间;
}
标题{
背景:红色;
颜色:#fff
}
页脚{
背景:蓝色;
颜色:#fff
}
.内容{
弹性:10自动;
}
标题
-
项目1
页脚
标题
-
项目1
-
项目2
页脚
标题
-
项目1
-
项目2
-
项目3
-
项目4
页脚
Mmm。。。我的内容是流动内容,而不仅仅是3^^^^那么你想要达到什么高度?你有具体的身高吗?你希望所有部分的高度都一样吗?谢谢:)不,我没有具体的高度。所有的内容都是高度可变的:)我还是不明白你的目标是什么。我的答案是什么?通过使用.content
css选择器,我们基本上选择了div类内容,这就是您想要放大的内容,对吗?非常感谢:)