怎样才能让用户图标向右浮动？
怎样才能让用户图标向右浮动？
提问于 2017-05-17 21:43:48
请在这个项目上帮助我，我想漂浮在右边或显示在右边的用户图标。我使用的是来自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>回答 1
Stack Overflow用户
发布于 2017-05-17 21:46:46
首先，你需要用</span>关闭你的<span>
如果你想知道这个bootstrap类里面有什么，可以使用pull-right，如下所示：
// 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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44026668
复制相关文章
相似问题
腾讯云开发者
