私はどのようにユーザーアイコンを右に浮かべることができますか？

Question

このプロジェクトで私を助けてください、私は右にフロートしたい、または右側にユーザ​​アイコンを表示したいです。私はここで、このブートストラップクラスの内部で何が疑問に思う場合は、あなたが、使用pull-right</span>

であなたの<span>を閉じる必要がありgetbootstrap.com

[![<ul class="nav nav-t][1]][1]abs"> 
    [<li role="presentation"><a href="index][1].php">Home</a></li> 
    <li role="presentation"><a href="trucks.php">Trucks</a></li> 
    <li role="presentation"><a href="suppliers.php">Suppliers</a></li> 
    <li role="presenation"><a href="accountspayables.php">Uploaded Files</a></li> 
    <li role="presentation" class="active"><a href="maintenance.php">Maintenance</a></li> 
    <li role="presentation"><a href="login.php"><span class="glyphicon glyphicon-user" aria-hidden="true"></a></li> 
</ul> 

Answer 1

から次ブートストラップファーストを使用していますそれは次のとおりです。

// Classes 
.pull-left { 
    float: left !important; 
} 
.pull-right { 
    float: right !important; 
} 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<ul class="nav nav-tabs"> 
 
    <li role="presentation"><a href="index][1].php">Home</a></li> 
 
    <li role="presentation"><a href="trucks.php">Trucks</a></li> 
 
    <li role="presentation"><a href="suppliers.php">Suppliers</a></li> 
 
    <li role="presenation"><a href="accountspayables.php">Uploaded Files</a></li> 
 
    <li role="presentation" class="active"><a href="maintenance.php">Maintenance</a></li> 
 
    <li role="presentation" class="pull-right"><a href="login.php"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a></li> 
 
</ul>