Css 页脚中的中间元素消失

我使用

Bootstrap

创建了一个页脚，中间一列有一个小问题，特别是当我缩小窗口大小或在智能手机上尝试应用程序时，我会得到以下结果：

这是我的html：

<footer class="footer">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-4">
        This is a footer.
      </div>
      <div class="col-md-4">
        <div class="text-center footer-links d-none d-md-block">
          <a href="javascript: void(0);">Link1</a>
          <a href="javascript: void(0);">Link2</a>
          <a href="javascript: void(0);">Link3</a>
        </div>
      </div>
      <div class="col-md-4">
        <form class="form-horizontal">
          <label class="col-sm-3 control-label" for="requestCulture_RequestCulture_UICulture_Name">
                        Language:
                    </label>

          <select>
                        <option>1</option>
                        <option>1</option>
                    </select>
        </form>
      </div>
    </div>
  </div>
</footer>

这是一个页脚。
语言：
1.
1.

.footer{
边框顶部：1px实心rgba（152166173，.2）；
底部：0；
填充：19px 30px 20px；
位置：绝对位置；
右：0；
颜色：#98a6ad；
左：250px；
}

这是一个页脚。
语言：
1.
1.

我删除了它，现在中间的元素覆盖了最后一个元素。我编辑了我的答案并添加了这个片段。这是你想要的吗？如果没有，你能解释或更新你的小提琴来显示问题吗？我还从中删除了col-sm-3