右对齐引导列表组中的动画字体真棒图标

时间:2017-10-04 14:32:15

标签: html css font-awesome bootstrap-4

我正在尝试显示状态列表,左侧是文本,右侧是结果。我使用字体真棒心动画来显示一个脉动的心脏。我希望内心是正确的,但似乎无法让它成为正确的理由:

<div class="row">
    <div class="col-sm-offset-3 col-sm-6 server-dashboard-list">
        <ul class="list-group">
            <li class="list-group-item justify-content-between" >
                Database Up
                <span class="database-up text-colour-red" ><i class="fa fa-heart faa-pulse animated fa-1-5-font-size"></i></span>
            </li>
            <li class="list-group-item justify-content-between">
                Active Database Connections
                <span class="badge badge-pill active-database-connections"></span>
            </li>
        </ul>
    </div>
</div>

徽章是正确的,但心脏不是。

1 个答案:

答案 0 :(得分:1)

嗨,我不完全确定这是否是你想要的,但希望它有所帮助......

但是如果你要在新课程中给出你有心灵的范围,并且在该课程下你的css中你可以放float: right;。它应该向右移动。

如果你需要更多的帮助,我会这样做。