Bootstrap 1 Line Footer Menu

Question

不幸的是，我整天都在工作，但没有成功。

在Bootstrap中，我想要一个仅包含一行且包含多个菜单项的页脚，而对于小于1000像素的屏幕上的每个项目，该页脚将变为一行。

One Row FooterMore Row Footer

[不幸的是，我总是失败，因为页脚响应迅速并且停留在页面底部。如果有人的话，我会很高兴的。可以发送适当的HTML和CSS代码。

这是我的代码：

<style>
  .footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
  }
  
  .footer-purple {
    background-color: green;
  }
  
  .footer-content {
    padding: 30px 50px 50px;
    flex-direction: row;
    max-width: 100%;
    font-size: 14px;
    display: flex;
  }
  
  .footer-navigation {
    margin-left: 10px;
    flex-direction: row;
    display: inline;
  }
  
  .footer-link {
    color: #fff;
  }
</style>

<footer class="footer">
  <div class="footer-content footer-purple">
    <nav class="footer-navigation">
      <a class="footer-link">
                Test
            </a>
      <a class="footer-link">
                Test 2
            </a>
    </nav>
  </div>

</footer>

它看起来像：https://prnt.sc/sj02x6