Html 如何使用引导使页脚文本居中，右侧有两个图像？

我需要一些关于我页面页脚的帮助。我希望页脚中的文本居中，页脚右侧有两个图像。先谢谢你

这是我的密码：

<div class="CopyRightFooter">
  <div class="col-md-7 col-lg-8">
    <p class="text-center FooterText text-md-center">©Copyright</p>
  </div>
  <div class="col-md-5 col-lg-4 ml-lg-0">
    <div class="text-md-center">
      <ul class="list-unstyled list-inline">
        <li class="list-inline-item"> <img src="<?php echo get_template_directory_uri(); ?>/img/instagram.png" class="footerImg" alt="Ig"> </a> </li>
        <li class="list-inline-item"> <img src="<?php echo get_template_directory_uri(); ?>/img/fb.png" class="footerImg" alt="Fb"> </a> </li>
      </ul>
    </div>
  </div>
</div>

©版权所有

/img/instagram.png”class=“footerImg”alt=“Ig”>
/img/fb.png“class=“footerImg”alt=“fb”>

.row{
背景#2f405a；
}
.页脚文本，
.社会联系{
页边距底部：0；
}
.社会联系{
位置：绝对位置；
右：0；
宽度：自动；
身高：100%；
显示器：flex；
/*以社会联系为中心*/
对齐项目：居中；
/*将文本垂直居中*/
证明内容：中心；
/*将文本水平居中*/
}
@仅介质屏幕和（最大宽度：767px）{
.页脚文本{
颜色：#fff；
右侧填充：90px；
/*社会联系的宽度*/
}
}

©版权所有Lorem Ipsum只是印刷的虚拟文本


/img/instagram.png“class=“footermg”alt=“Ig”>


/img/fb.png“class=“footermg”alt=“fb”>

嘿，老兄，我想你可以这样做

©版权所有

/img/instagram.png“class=“pr-2”alt=“Ig”>
/img/fb.png“class=“pl-2”alt=“fb”>

嗨！如果您使用的是引导，只需将类

align item center

添加到父类

.row

类。这就是我现在遇到的问题。文本在它自己的sqare中对齐，但与站点的其他部分相比，它没有对齐。它似乎可以处理文本，但两个图标之间仍然有很大的空白。另外，当屏幕宽度小于992px时，我会松开图标。是的，除非是在移动设备上，否则我更希望它们位于版权文本的顶部。更改了代码片段。请检查一下。谢谢，但我不知道我是否做错了什么或是什么。这是我的页脚截图。你对社交媒体图标（instagram和fb）有什么宽度吗？我怎样才能将图标向右移动，而不是分开？他们也会在手机上消失。很抱歉我太挑剔了，谢谢你：）我做了一个改变，把图标分开了，你可以试着用col-md，col-lg来测试，做一些改变以适应移动屏幕。