【问题标题】:Right justify animated font awesome icon within bootstrap list group引导列表组中的右对齐动画字体真棒图标
【发布时间】:2018-03-16 00:07:11
【问题描述】:

我正在尝试显示状态列表,左侧是文本,右侧是结果。我正在使用字体真棒心脏动画来展示一颗跳动的心脏。我希望心是正确的,但似乎无法使其正确:

<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>

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

【问题讨论】:

    标签: html css font-awesome bootstrap-4


    【解决方案1】:

    您好,我不完全确定这是否是您想要的,但希望对您有所帮助...

    但是,如果您要在新课程和该课程下的 css 中给出您有心的跨度,您可以输入float: right;。它应该向右移动。

    如果您需要更多帮助,请告诉我。

    【讨论】:

    • 我试过了,它仍然没有浮动。然后我意识到我需要将 ul 的宽度设置为 100% 并修复它。谢谢你。然后我意识到我可以使用类 pull-right 而不是 style=float:right。
    猜你喜欢
    • 2015-12-13
    • 2020-08-11
    • 1970-01-01
    • 2020-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-10
    相关资源
    最近更新 更多