如何使文本.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，搜狐，UC对齐到同一水平线

Answer 1

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

更多信息：

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

Answer 2

你可以试试这个代码

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

，或者你必须删除在DIV部分的所有媒体类。