Bootstrap 4 ベータ版の列オフセットはどうなりましたか?

Bootstrap 4 ベータ: 列オフセットの削除と復元

Bootstrap 4 は、ベータ 1 リリースで、その方法に大幅な変更を導入しました。柱がオフセットされました。ただし、その後の Beta 2 リリースでは、これらの変更は元に戻されました。

offset-md-* から ml-auto へ

Bootstrap 4 Beta 1 では、 offset-md-* クラスは削除されました。代わりに、開発者は .ml-auto クラスを使用して列をオフセットすることが推奨されました。ただし、この方法では、前のアプローチと同じレベルの精度は得られませんでした。

ベータ 2 でのオフセット クラスの復元

幸いなことに、ベータ 2 では、オフセット クラスが復元されました。新しい構文では、offset-{breakpoint}- という形式が使用され、以前のcol-{breakpoint}-offset- 構文が置き換えられます。

カスタム オフセット

現在非推奨になっている

ダミー プレースホルダーの使用

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">  <div>

ログイン後にコピー

などのカスタム列オフセットを実現するには

ml-auto と mr-auto を使用する

2 つの隣接する列を中央に配置するには、開発者は次のことを行うことができます。 ml-auto と mr-auto を両方の列に適用します。

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">    <div>

ログイン後にコピー