Twitter bootstrap 引导4元素隐藏类是'；行不通

我有一个引导容器，可以容纳两个并排的div。当视口大小调整为col-sm大小时，我试图在左div中隐藏图像，但引导类不会隐藏div，无论视口有多小。我有JQuery代码控制两个内部div的滚动

是什么导致了这个问题

这是我的容器：

    <div id="showsynopsis" class="container-fluid parallax">
       <div class="row">
          <div class="col-lg-6 col-md-6 col-md-6 d-none d-md-block">
             <div id="showgraphic" style="background: url('images/poppins.jpg') 5% 100% no-repeat;"></div>
          </div>
          <div id="info" class="col-lg-6 col-md-6 col-sm-6">
            <h2>Mary Poppins</h2>;
             <h3 class="josefin">Aug 9-11, 2018</h3>
          </div>
       </div>
    </div>

---

我将您的代码粘贴到JSFIDLE上，左div隐藏在小视口中：嗯。我在div上的背景图像实际上是由PHP填充的。那会有什么不同吗？我知道了。我发现我的一些其他css也坏了。我已经删除了视口和设备信息的元标记。

    #showgraphic{
    height: 100%;
    z-index: -1;
    bottom: 0;
    left: 0;
    position: fixed;
    width:50%;
    }

    @media screen and (max-width: 758px){
    #showgraphic{
        display:none;
    }
    }