引導的右拉式類

Question

<th>Cars <i class="fa fa-sort-asc pull-right"></i></th> 

當我使用自舉的pull-right類，它對準的圖標我th到右上角，除去pull-right對齊圖標垂直居中的左側，但有一種方法，使當我使用pull-right時，它在中心垂直向右對齊？

我使用引導和圖標從fontawesome

Answer 1

您可以使用的範圍，而不是pull-left ..

<th class="text-right"> 
    <span class="pull-left">First Name</span> 
    <i class="fa fa-sort-asc"></i> 
</th> 

http://codeply.com/go/DIWtVsyMwh

在引導4，pull-left現在是float-left

Answer 2

你可能對右邊的圖標，並用這樣的文字垂直對齊：

HTML

<th> 
    <div class="header-with-icon"> 
    <div>First Name</div> 
    <div class="text-right"><i class="fa fa-sort-asc"></i></div> 
    </div> 
</th> 

CSS

.header-with-icon{ 
    display: table; 
    width: 100%; 
} 

.header-with-icon > div{ 
    display: table-cell; 
} 

這裏有一個bootply例如：http://www.bootply.com/Df5JpMyU2k