ブートストラップカードヘッダー：プル右

Question

ブートストラップ4、カードヘッダーで私の小さなテキストを正しく整列させるにはどうすればよいですか？

HTML

<div class="container"> 
    <div class="row"> 
    <div class="col"> 
     <div class="card"> 
     <!--CARD HEADER--> 
     <h4 class="card-header">HEADER <small class="pull-right">right aligned</small></h4> 
     <!--CARD BODY--> 
     <div class="card-body"> 
     </div> 
     </div> 
    </div> 
    </div> 

これは私が試したものです：
https://jsfiddle.net/LL0qnnxm/60/

Answer 1

利用float-{sm,md,lg,xl}-rightの代わりpull-rightを、それはより多くの情報についてはブートストラップ4に変更されたため、このhttps://v4-alpha.getbootstrap.com/migration/

をお読みください

あなたのソリューションは、更新された01をご確認ください