Bootstrap 4 - могу ли я показать границы в зависимости от разрешения

Question

Возможно ли иметь рамку, показывающую справа для большого разрешения, но не для других.

что-то вроде

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

Answer 1

Если вы используете BS4, большая точка останова равна 992px

Вы можете сделать это как

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

Answer 2

Да, это возможно.Добавьте медиа-запрос CSS следующим образом.

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

Поиграйте с функцией calc, если вы хотите установить значение границы на основе текущего разрешения экрана.

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