为什么Bootstrap Offset类不起作用?

时间:2018-06-13 20:22:23

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-4 offset

我正在使用Bootstrap 4进行​​练习。我的网页布局中有两列。我想在Bootstrap 12列网格系统中将第一列向右推3列,但它无法正常工作。这是代码

<div class="container">
    <div class="row">
        <div class="col-md-offset-3 col-md-3">
            <div class="CustomDiv">
                Column 1
            </div>
        </div>
        <div class="col-md-3">
            <div class="CustomDiv">
                Column 2
            </div>
        </div>
    </div>
</div>

注意:在CustomDiv类中,我只定义了一些样式,如

.CustomDiv{
margin:3px;
min-height:300px;
background-color:black;
text-align:center;
font-size:large;
color:white;

}

enter image description here

请帮帮我。我已经下载了新的Bootstrap版本,并且还创建了一个新项目但没有帮助。在此先感谢

1 个答案:

答案 0 :(得分:4)

阅读最新文档:http://getbootstrap.com/docs/4.1/layout/grid/#offsetting-columns。偏差已经改变。

col-*-offset=-*已更改为offset-*-*