Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在引导(4.1)中将所有行与容器底部对齐?_Html_Css_Twitter Bootstrap_Responsive Design_Bootstrap 4 - Fatal编程技术网

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对齐项

设置:

  • 我有一个覆盖整个视口的容器(高度:100vh)
  • 在这个容器中,我有4行
  • 所需:

  • 我需要容器底部的所有行
  • 行与行之间不应有任何间距。 (简而言之,我需要将整个页面内容与屏幕底部对齐。如果还有多余的空间,则应保留在页面顶部。)
  • 我尝试使用self-align-end,但它仅适用于行中的列,而不适用于容器中的行

    提前感谢;)

    片段:

    .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
    中的每一个都有什么作用。您可以阅读此文档。)