ブートストラップ4 pull-xs-rightが期待どおりに動作しない

Question

私はbootstrap 4 utilitiesを使用してこのHTMLを使用して、画面の右側にボタンを引いています。そしてそれはこれをします。

ただし、ボタンは、下のコンテンツを期待通りに押し下げません。それらは下のコンテンツの上にオーバーレイされてしまいます。

私がpull-xs-rightを使用しない場合、ボタンは左に揃えられますが、下の項目は押し込まれます。

適用する必要がある他のクラスはありますか？ブートストラップ4 .float-{sm,md,lg,xl}-{left,right,none}クラスで

 <div class="pull-xs-right"> 
      <button click.delegate="saveEdit()" 
        type="submit" 
        class="k-button k-primary"> 
       Save 
      </button> 
      <button click.delegate="cancel()" 
        class="k-button"> 
       Cancel 
      </button> 
     </div> 

Answer 1

応答山車のために加え、そして.pull-leftと.pull-rightを交換しました。

.pull-rightが.float-left

.pull-xs-rightに置き換えられました.float-right

.pull-leftに置き換えられましたが間違っている、決定する余分な小型のために引き、右のスタンド間.floatでxsを.pullを置き換える：意味

要素のサイズ{xs,sm,md,lg,xl}xs =余分小さい、sm =小、md =中、lg =大とxl =特大

参照：以下は、素子サイズ変更するためのオプションであるフロート上述したようにhttps://v4-alpha.getbootstrap.com/migration/

Answer 2

を置き換え引く。したがって.pull-rightの代わりに.float-rightが、.pull-rightの代わりに.float-leftが置換されます。さまざまなブレークポイントに - {sm,md,lg,xl}を追加すると、たとえば.float-md-rightは中規模の画面でブレークします。あなたがサイズを離れると、それは壊れず、常に指示された方向に浮かびます。