<style>

@media screen and (min-width:768px)
{
    .hidden-sm {
        display: none !important;
    }
}

</style>
<div class="hidden-sm" style="background-color:green;">768- 会显示  </div>

发现是chrome浏览器developer Tools 里的 toggle device toolerbar 的bug,
在工具里 调整宽度时,忽略了@media screen and (min-width:768px)
,在外面直接调整浏览器窗口宽度就正常