Html 在页脚中居中两个div

您好，我需要您的帮助在垂直居中这两个元素在这个页脚，我希望他们在同一个垂直水平内页脚。这就是它现在的样子：

这是我的代码：

©2014-2017卡尔加里
报告

©2014-2017卡尔加里
报告

---

试试这个

只需使用Flexbox即可：

页脚{
显示器：flex；
对齐内容：间距；/*它们之间的最大水平间距*/
对齐项目：居中；/*垂直对齐/居中*/
身高：100%；
}

©2014-2017卡尔加里
报告

为页脚的内部元素应用

填充。删除页脚中的
高度



©2014-2017卡尔加里
报告
最简单的方法是在页脚上添加一个填充顶部。

©2014-2017卡尔加里
报告


©2014-2017卡尔加里
报告
您使用的是bootstrap，我想您至少应该解释一下。。但提问者会理解我的代码。。所以也许没必要解释。我认为他不会理解，好像他会理解，他不会问这样的问题。。。每个人都应该有一个完整而清晰的答案。那么，为什么要为这么简单的CSS引入一个完整的框架呢？这是个很糟糕的主意谢谢你，你的建议帮助我解决了这个问题。
<div class = "row">
<div class = "col-sm-6 col-sm-offset-3">
<div>© 2014-2017 Calgarry</div>
</div>
<div class = "col-sm-3">
<div>Report</div>  
</div>
</div>