在Bootstrap 4中使用col-md-push- *，col-md-push- *或col-md-offset- *的问题

Question

我是Bootstrap的完全初学者（我正在使用Bootstrap 4 ）并且我在使用col - * - push- *甚至拉动或偏移替代方案时遇到了问题。

示例：col-md-push-9，col-md-pull-3或col-md-offset-3。我更新了我的浏览器并尝试了其他浏览器，它仍然无法正常工作。我按正确的顺序添加了jquery，popper.js和bootstrap.css。像col-md-3或col-x-9这样的课程效果很好。我没有看到这里的问题是什么。 以下是代码的示例：

<div class="row">
    <div class="col-md-3 col-md-push-9"></div>
    <div class="col-md-9 col-md-pull-3"></div>
</div>

当我将col-md-push-9应用于第一列而col-md-pull-3应用于下一列时，我希望列水平交换位置，但没有任何反应。我做错了什么？

Answer 1

Bootstrap 4中没有push / pull个类。

请改用响应式order课程。

示例（点击＆＃34;运行代码段＆＃34;按钮，然后展开到整页）：

＆＃13;

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container">
    <div class="row">
        <div class="col order-md-last bg-warning">
            First in HTML, but last on 'md' screens and up
        </div>
        <div class="col">
            Second and unordered
        </div>
        <div class="col order-md-first bg-light">
            3rd in HTML, but first on 'md' screens and up
        </div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

参考：

https://getbootstrap.com/docs/4.0/migration/#grid-system-1

https://getbootstrap.com/docs/4.0/layout/grid/#order-classes