我有一个小问题。我添加了一个底部导航栏，其中包含3个社交图标和一个文本来显示这些图标是什么。截屏
我想将此文字真正放在右边或左边，但不是这样。如果我在另一侧做同样的事情。
这样，图标将真正位于中间。
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
<div class="container">
<p class="navbar-text navbar-right text-right">Suivre l'IUT de Lens</p>
<div class="social">
<ul>
<li><a href="URL"><i class="fa fa-lg fa-facebook"></i></a></li>
<li><a href="URL"><i class="fa fa-lg fa-twitter"></i></a></li>
<li><a href="URL"><i class="fa fa-lg fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</nav>首先，我应该评论一下，您的“问题”中没有任何问号。我敦促您编辑您的问题，以使将来的读者更加清楚。无论如何，我想我知道您在问什么（图片确实有用）。答案是，您需要CSS！
有多种方法可以实现所需的间距和位置。这是一个：
HTML（我删除了一些似乎无关紧要的内容）：
<nav>
<p style="width:100%">
<div class="linktext">
Suivre l'IUT de Lens
</div>
<div class="linkgroup">
<a href="URL"><i class="link fa fa-lg fa-facebook"></i></a>
<a href="URL"><i class="link fa fa-lg fa-twitter"></i></a>
<a href="URL"><i class="link fa fa-lg fa-google-plus"></i></a>
</div>
</p>
CSS：
.link {
padding-right: 10px
}
.linkgroup{
padding-right:20px;
float:right;
}
.linktext {
padding-right:20px;
float: right;
}
因此，您只需要在CSS中定义属性，然后将相关的CSS类分配给您的 <div>/<p>/<whatever>
这是一个JSFiddle：http : //jsfiddle.net/af8rpc99/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句