如何使文本.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部分的所有媒體類。