完成课时Col引导时的白线

Question

我正在使用Bootstrap 4.1和bootstrap4-fullscreen-modal（https://github.com/basilebong/bootstrap4-fullscreen-modal）。

我用引导程序编写了一个html页面，浏览器很好地显示了它。

但是当我使用

在bootstrap4-fullscreen-modal上导入此页面时

$("#idCl").load("page.html");

该模式可以正常工作，但是我看到了这个：。

页面的构成方式如下：

<div class="container-fluid"> <!-- Main container -->
        <div class="row"> 
            <div class="col-sm-5">
            </div>

            <div class="col-sm-2" id="id1">
            </div>
           <!-- Here there is the problem -->
            <div class="col-sm-5" id="id2">
            </div>
         </div>
  </div>

问题是id1格结束并以id2格开始。

此外，我注意到了这一点：在chrome上存在此问题，在safari上则没有出现此问题。

您有解决方案吗？

我曾尝试缩放或缩小缩放，但只有在“普通视图”（100％）上时才看到白线。

模式代码为：

<div class="modal fade modal-fullscreen force-fullscreen" id="idClxViewCardModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">

                <div id="idCl">

                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->