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

Question

这是我的代码：

<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，sohu，uc对齐同一水平线

Answer 1

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

有关媒体的更多信息：

http://getbootstrap.com/components/#media

Answer 2

您可以尝试此代码

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

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