Html 使用引导在列中居中放置媒体div

我有一个html模板页面。在模板中，我有一个带有徽标和一段文本的媒体对象。两个项目在5宽的列中的显示方式。它偏离中心并向左对齐。我想把媒体块放在栏目的中心，不管栏目有多大（5,7,9,12）。最好的方法是什么。下面是html代码。我使用的是最新版本的bootstrap 3.3.7和4.0.0测试版

<div class="row">

    <div class="col-xl-5 col-lg-5">
      <div class="media">
        <img class="align-self-center mr-3 welcome-icon-size" src="{% static 'images/yap-logo-possible-1.png'%}" alt="Generic placeholder image">
        <div class="media-body">
          <h1 class="mt-0 welcome_title">Split Beta</h1>
        </div>
      </div>
    </div>

  </div>

分裂贝塔

以下是显示屏：

---

正如我看到的，您正在使用引导，只需将

文本中心

类放入您的

col-xl-5 col-lg-5

中，以对齐内部元素的中心。您可以使用自己的类

logo

进行内部元素样式设置

.logo{
显示：内联块
}

分裂贝塔