ブートストラップ4：右揃え

Question

2列で行を作成しようとしています。左に1列、内容が左に揃えられ、2列目の内容は右揃えになります（古いプル右）。

どのようにすればいいですか？アルファ-6でこれについて調べますか？

私はいくつかのことを試しましたが、これまでのところこれがあります。私は何が欠けていますか？

<div class="row"> 
    <div class="col">left</div> 
    <div class="col ml-auto">content needs to be right aligned</div> 
</div> 

Answer 1

使用float-rightブロック要素のため、またはインライン要素のためのtext-right：

<div class="row"> 
    <div class="col">left</div> 
    <div class="col text-right">inline content needs to be right aligned</div> 
</div> 
<div class="row"> 
     <div class="col">left</div> 
     <div class="col"> 
      <div class="float-right">element needs to be right aligned</div> 
     </div> 
</div> 

http://www.codeply.com/go/oPTBdCw1JV

float-rightはがブートストラップ4が今であることを覚えて、動作しない場合フレックスボックスなど要素はdisplay:flexであり、float-rightが機能しないようにすることができます。 align-self-end又はへml-auto作業のようないくつかのケースでは

、ユーティリティクラスは、右ブートストラップ4 .row、カードまたはナビゲーションなどフレキシボックスコンテナ内の要素を整列させます。 ml-auto（margin-left：auto）は、要素を右に押すためにflexbox要素で使用されます。

Bootstrap 4 align right examples

Answer 2

ドキュメントから、あなたはそれが好きですか：

<div class="row"> 
    <div class="col-md-6">left</div> 
    <div class="col-md-push-6">content needs to be right aligned</div> 
</div> 

Docs