右對齊引導列表組

內的動畫字體真棒圖標我想在左邊和結果右側的文本顯示狀態信息的列表。我正在使用字體超棒的心臟動畫來表現心跳。我希望心臟是正確的，但似乎無法得到它是正確的：右對齊引導列表組

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

徽章是正確的，但心臟沒有。

來源

2017-10-04 karen

喜不能完全肯定，如果這是你想要的，但希望它可以幫助...

，但如果你給你有心臟在一個新的類，在你的CSS類下的跨度你可以把float: right;。它應該把它移到右邊。

如果您需要更多的幫助，我的霍拉方式。

來源

2017-10-04 15:53:15

我試過了，它仍然沒有浮動。然後我意識到我需要將ul的寬度設置爲100％，並修復它。謝謝。然後我意識到我可以使用類拉右而不是style = float：right。 – karen

沒問題:)，總是樂於幫忙。 –

右對齊引導列表組

回答

相關問題