Html 如何在引导(4.1)中将所有行与容器底部对齐?
设置:Html 如何在引导(4.1)中将所有行与容器底部对齐?,html,css,twitter-bootstrap,responsive-design,bootstrap-4,Html,Css,Twitter Bootstrap,Responsive Design,Bootstrap 4,设置: 我有一个覆盖整个视口的容器(高度:100vh) 在这个容器中,我有4行 所需: 我需要容器底部的所有行 行与行之间不应有任何间距。 (简而言之,我需要将整个页面内容与屏幕底部对齐。如果还有多余的空间,则应保留在页面顶部。) 我尝试使用self-align-end,但它仅适用于行中的列,而不适用于容器中的行 提前感谢;) 片段: .row:最后一个子项{ 位置:固定; 底部:0; 左:0;/*可选*/ } 这是第一排 这是第二排 这是第三排 这是第四排 为容器添加该类d-flex对齐项
.row:最后一个子项{
位置:固定;
底部:0;
左:0;/*可选*/
}
这是第一排
这是第二排
这是第三排
这是第四排
为容器添加该类
d-flex对齐项目结束
/*。行:最后一个子行{
位置:固定;
底部:0;
左:0;
}*/
这是第一排
这是第二排
这是第三排
这是第四排
为容器添加该类
d-flex对齐项目结束
/*。行:最后一个子行{
位置:固定;
底部:0;
左:0;
}*/
这是第一排
这是第二排
这是第三排
这是第四排
添加“d-flex对齐内容结束柔性包装”
试试这个
/*
.排:最后一个孩子{
位置:固定;
底部:0;
左:0;
}*/
这是第一排
这是第二排
这是第三排
这是第四排
添加“d-flex对齐内容结束柔性包装”
试试这个
/*
.排:最后一个孩子{
位置:固定;
底部:0;
左:0;
}*/
这是第一排
这是第二排
这是第三排
这是第四排
这使行充当列。我想做的是将行一行一行地堆叠在另一行上,但整个堆栈应该位于容器的底部。这使行充当列。我想做的是把一行叠在另一行上,但是整个叠应该放在容器的底部。谢谢,它确实有用!!虽然我不知道它是怎么工作的…:(无论如何,谢谢。我将浏览这些文档,看看d-flex-align content end flex wrap
中的每一个都有什么作用。您可以阅读此文档,谢谢它确实有效!!尽管我不知道它是如何工作的…:(无论如何,谢谢。我将浏览这些文档,看看d-flex align content end flex wrap
中的每一个都有什么作用。您可以阅读此文档。)