推/拉根本不起作用

Question

我第一次玩 bootstrap 4 中的推拉类。我相信我做的一切都是对的，但什么也没有发生，我很困惑。

我在本页底部尝试了几次：

http://andycharlton.co.uk/

甚至直接从bootstrap网站复制HTML。但是它们没有按应有的方式工作（即 8 col 应该在右边，4 col 应该在左边）

我想我犯了一个非常基本的错误，但我不知道我做错了什么。

谢谢

编辑 - 我不认为这里的代码会有特别的帮助，但有人要求它，这里是：

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

Answer 1

请注意，在 Bootstrap 4 中，.push-* 和 .pull-* class 被 .order-* class 替换为网格系统现在基于flexbox。

这个新系统也使标记更轻，仅以下面的代码片段为例。在某些情况下，不必在两列上设置顺序（例如 .push-md-3 和 .pull-md-9 在另一列上），只需在一列上设置它就足够了。

此外，值得注意的是，在“标准”旁边 .order{-sm|-md|-lg|-xl}-* classes 还有一组方便的响应式 .order-first class。

<div class="container">
    <div class="row">
        <div class="col-md-9">
            [.col-md-9]
        </div>

        <div class="col-md-3 order-md-first">
            [.col-md-3 .order-md-first]
        </div>
    </div>
</div>


<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/>

推/拉根本不起作用

Push / Pull not working at all

twitter-bootstrap-4