Bootstrap 4 - 我可以根据分辨率显示边框

时间:2018-05-21 03:12:07

标签: twitter-bootstrap bootstrap-4

是否可以在右侧显示大分辨率而不显示其他分辨率。

类似

<div class="border-lg-right">blah</div>

2 个答案:

答案 0 :(得分:2)

如果您使用BS4,则large breakpoint为992px

你可以这样做

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
    .border-lg-right {
        border-right: 20px solid red;
    }
}

答案 1 :(得分:1)

是的,这是可能的。像这样添加一个css媒体查询。

&#13;
&#13;
@media screen and (min-width: 1920px) {
  .border-lg-right {
    border-right: 20px solid red;
  }
}
&#13;
&#13;
&#13;

如果要根据当前屏幕分辨率设置边框值,请使用calc函数。

// https://www.w3schools.com/cssref/func_calc.asp