Html 如何使.col-xs-3中的文本与水平线对齐

这是我的密码：

<div class="container" style="width:300px;">
  <div class="row">
    <div class="media col-xs-3">qq</div>
    <div class="media col-xs-3">sohu</div>
    <div class="media col-xs-3">uc</div>
  </div>
</div>

qq
搜狐
加州大学

截图：

---

如何使qq、搜狐、uc对齐到同一水平线

您需要删除媒体类，这会为第一个子项添加填充/边距

有关媒体的更多信息：

您可以尝试此代码

.media:first-child {
   margin-top: 15px;
}

或者您必须删除div部分中的所有媒体类