Css 引导4 Alpha网格无法并排显示2个表

在使用Bootstrap4时，我知道会删除.col xs而不是.col，我已经在我正在使用的Bootstrap3.5上进行了测试

    <div class="col-xs-4">
         Table left side goes here
     </div>
    <div class="col-xs-8">
         Table right side goes here
    </div>

左边的桌子在这里
右边的桌子在这里

而且它工作得很好，你可以从中看到

然而，在引导程序4 Alpha上有点不同

<div class="col-2">
    <h2 class="sub-header">Test Arear</h2>
    <div class="table-responsive">
        <table class="table table-striped">
            <tbody>
                <tr>
                    <td class="col-md-1">Test</td>
                </tr>
                <tr>
                    <td class="col-md-1">Test 2</td>
                </tr>
                <tr>
                    <td class="col-md-1">Test 3</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="col-10">
    <h2 class="sub-header">Ticket Number</h2>
    <div class="table-responsive">
        <table class="table table-striped">
            <tbody>
                <tr>
                    <td class="col-md-1">1,001</td>
                    <td class="col-md-2">1,002</td>
                    <td class="col-md-3">1,003</td>
                </tr>
                <tr>
                    <td class="col-md-1">1,004</td>
                    <td class="col-md-2">1,005</td>
                    <td class="col-md-3">1,006</td>
                </tr>
                <tr>
                    <td class="col-md-1">1,002</td>
                    <td class="col-md-2">1,021</td>
                    <td class="col-md-3">1,023</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

试验区
试验
测试2
测试3
车票号码
1,001
1,002
1,003
1,004
1,005
1,006
1,002
1,021
1,023

正如您可以从中看到的结果

---

我想把它放在并排的桌子上，但不是并排的。我遗漏了什么吗？

您需要一个行包装器，因为引导程序4是在flex上完成的，而不是浮动，所以现在需要将列包装成列

试验区
试验
测试2
测试3
车票号码
1,001
1,002
1,003
1,004
1,005
1,006
1,002
1,021
1,023

太好了，我好像忽略了排纸器，谢谢你的帮助。需要重新阅读引导4v Alpha文档，并再次阅读Flex网格系统。