glyphicon的Bootstrap定位

Question

如何对齐加号glphyicon？

HTML CODE：

<li><a href="#"><span class="glyphicon glyphicon-tag"></span>&nbsp Dashboard<span class="glyphicon glyphicon-plus pull-right"></span></a></li>

第一个范围是在文本仪表板之前添加标记

Answer 1

您可以通过首先在超链接标记中添加一个类来执行此操作：

<li>
    <a href="#" class="right-icon">
        <span class="glyphicon glyphicon-tag"></span>&nbsp Dashboard
        <span class="glyphicon glyphicon-plus pull-right"></span>
    </a>
</li>

然后使用css和类选择器right-icon，您可以执行以下操作：

.right-icon > .glyphicon:last-child {
    position: absolute;
    top: 2px;
    right: 2px;
}

我所做的是从超链接中取出最后一个孩子glyphicon并将其绝对放在右上角，使用2px;