Html glyphicon的引导定位

Html glyphicon的引导定位,html,twitter-bootstrap-3,Html,Twitter Bootstrap 3,如何对齐加号glphyicon HTML代码: <li><a href="#"><span class="glyphicon glyphicon-tag"></span>&nbsp Dashboard<span class="glyphicon glyphicon-plus pull-right"></span></a></li> 第一个范围是在文本仪表板之前添加标记您可以通过首先在出现

如何对齐加号glphyicon

HTML代码:

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

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

    您可以通过首先在出现这种情况的超链接标记中添加一个类来完成此操作:

    <li>
        <a href="#" class="right-icon">
            <span class="glyphicon glyphicon-tag"></span>&nbsp Dashboard
            <span class="glyphicon glyphicon-plus pull-right"></span>
        </a>
    </li>
    
    我要做的是从超链接中取出最后一个子图标
    glyphicon
    ,并用2px将其绝对定位在右上角

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