Css 引导（4）-列中的多个表溢出到父元素之外

我正在使用Bootstrap（4测试版），并试图在两列并排显示两个表。但是，由于某些原因，它们没有包含在父元素中，并且无法确定如何正确更改布局。底部的图片显示了当前的渲染方式。 （浏览器目标为ie10及以上版本）

数据
资料

资料

主要特点：

固定
数据

数据
数据
更多信息
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据

您有几个问题：

1：您的行和列需要位于

容器中

<div class="quote container">
    <h6>data</h6>
        <div class="row">
            [...]

工作代码段（注意，我在表中添加了边框以使其清晰）：

表格{
边框：2px实心#009999；
}

数据
资料

资料

主要特点：

固定
数据

数据
数据
更多信息
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据
数据

感谢将col类直接分配给表是主要问题。@Yunti很乐意提供帮助！是的，col类打破了“并排”表，但是容器类也需要正确的边距和填充-没有它，示例的第一行实际上有一个负的左边距，隐藏在页面的左侧。谢谢，没关系，我实际上在页面的更高位置有一个容器，我只是抽出了相关的部分，但为了清楚起见，我应该把它包括进去（以及其他研究这个问题的人的好处）。再次感谢。

<div class="quote container">
    <h6>data</h6>
        <div class="row">
            [...]

<div class="row til" id="til83145667" style="">
    <div class="col-lg-4">
        <table class="table">
            [...]