设置5列引导程序页脚的样式

时间:2019-05-16 10:36:18

标签: html css bootstrap-4 footer

很抱歉,如果这是一个愚蠢的问题,我才刚刚开始学习HTML,CSS和引导程序。我一直在尝试在引导程序上获得一个五列的页脚。

到目前为止,我已经完成了五个专栏,但是经过数小时的尝试,我已经放弃了。我似乎无法弄清楚如何对齐这些列中的项目。 您可以在此处查看完整的网站: https://stevenarroyave.github.io/UPTAKE/

和此处的回购: https://github.com/stevenarroyave/UPTAKE

这就是我想要的样子: https://drive.google.com/file/d/1bp2ZitBU4VGjPLhevdDZPBG5BeyEAO5X/view?usp=sharing

yaml_add_eol_comment

到目前为止,我已经达到了5列,但是正如您所看到的,它们都以不同的高度开始,我希望它们以相同的高度开始,并在调整大小时停止调整第一列上的徽标窗户。

我也不知道如何使底部的粉红色图标显示在“跟随我们!”旁边的同一行上。

在此先感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

您需要定义与基线对齐的项目。专门针对页脚行尝试。

.row {    align-items: baseline;}

答案 1 :(得分:0)

我发现了一些错误,并使用红色标记箭头修复了此处的屏幕截图更改。 enter image description here

您的输出是: enter image description here