html - 使用 Bootstrap 折叠到小屏幕时隐藏或删除左边框

Question

当达到手机大小时，我有 2 个 div 可以很好地折叠成一个长列。

我在第二个 div 中添加了一个左蓝色边框，这在两个“列”之间创建了一个非常漂亮的垂直分隔线。

但是，我想在列合并为一个的地方隐藏边框或删除边框。

不确定如何对已在 div 中实现的类执行此操作。一旦屏幕足够小，边框就会显得笨拙且无用。

这是工作的第二个 div。

 <div class="border col-md-6"  style="border-left:2px solid royalblue;">

所有类都是 vanilla bootstrap.js 文件

Answer 1

---

使用这个@media

@media (max-width:767px) {

      .border
      {
        border:0px solid !important
        }


      }