Html Can'；t在引导中对齐项目

我不是一个好的开发者，因为我只是一个学生。我正在尝试为我创建一个网站，但我无法在引导中对齐行上的项目。我正在尝试这样做： 但我被困在这个问题上：

<div class="container-fluid">
  <div class="row align-items-start">
    <div class="col">
      <div class="title">
        Lorem Ipsum —<br>Interactive Media<br>Designer
      </div>
    </div>
  </div>
  <div class="row align-items-center">
    <div class="col">
      <ul class="link">
        <li>About</li>
        <li>Work</li>
        <li>Experiments</li>
        <li>Contact</li>
        <li>Instagram</li>
        <li>Behance</li>
      </ul>
    </div>
  </div>
  <div class="row align-items-end">
    <div class="col">
      <div class="footer">
        All rights reserved© 1998—2019
      </div>
    </div>
  </div>
</div>

Lorem Ipsum-
互动媒体
设计师

关于
工作
实验
接触
Instagram
行为

版权所有©1998-2019

有人能帮我吗？

---

项目只是没有像我希望的那样对齐。要使其正常工作，您需要将每个元素放在一行中。你有3排

想象一下这样的争吵

---

---

---

每行代表一行。如果将内容放在一个

行中

元素中，它将以单行显示。如果放入更多行，内容将显示在更多行中

所以你的代码应该是这样的

Lorem Ipsum-
互动媒体
设计师

关于
工作
实验
接触
Instagram
行为

版权所有©1998-2019

如果这没有帮助，那么我没有正确理解您的意思，所以请回到这里，以便我们可以解决它：）

更新

根据我得到的新信息，这应该是新的解决方案

Lorem Ipsum-
互动媒体
设计师

关于
工作
实验
接触
Instagram
行为

版权所有©1998-2019

.top{
职位：居留；
排名：0；
}
.中心{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
}
.底部{
位置：绝对位置；
底部：0；
}

对齐项目属性取决于高度行。为此，您可以设置行的高度

不要发布代码、数据、错误消息等的图像-复制或在问题中键入文本。您想要做的可能与flex网格布局有关。通过一些示例查看文档。我希望将.title粘贴到页面顶部，将.link粘贴到页面中心，将.footer粘贴到页面底部。所以我想我需要三个。罗，我很高兴。没问题：）