Bootstrap类偏移，不起作用

Question

我正在使用bootstrap最新版本4.1.0。 Bootstrap偏移类在预期的任何屏幕大小中都无法正常工作。 “奇怪”。没有改变。请帮我摆脱它。这是....

<div class="container">

    <div class="row">

        <div class="col-md-3 col-md-offset-3">

            <div class="cus_c">Content area</div>

        </div>

        <div class="col-md-3">

            <div class="cus_c">Content area</div>

        </div>

    </div>

</div>

Answer 1

根据bootstrap 4，有一个变化。将col-md-offset-3更改为offset-md-3。

Answer 2

如果您尝试使列居中，则可以在包含行

上使用justify-content-center类

<div class="container">

    <div class="row justify-content-center">

        <div class="col-md-3">

            <div class="cus_c">Content area</div>

        </div>

        <div class="col-md-3">

            <div class="cus_c">Content area</div>

        </div>

    </div>

</div>

codepen

Answer 3

Bootstrap最新版本：4.1.0 有一个简单的更新。

使用此类 offset-md - *代替 md-offset - *

谢谢。