Force Bootstrap 4 точка останова (для предварительного просмотра) по классам - PullRequest
Новая
       12

Force Bootstrap 4 точка останова (для предварительного просмотра) по классам

0 голосов
/ 08 июня 2018

Bootstrap 4 CSS использует медиазапросы для получения текущего размера экрана и отображения элементов в стиле соответствующего устройства (ширина экрана).

Но что, если я хочу показать предварительный просмотр мобильной разметки на широком экране?

Я хочу что-то вроде добавления некоторого класса "preview-sm": 

<div class="preview-sm">
  <div class="container">
    <div class="row">
    ...
    </div>
  </div>
</div>

, поэтому все медиазапросы Bootstrap 4 будут переопределены точкой останова, указанной в этом классе.

Это возможно?Или, может быть, есть другой способ показать предварительный просмотр в Bootstrap?

1 Ответ

0 голосов
/ 08 июня 2018

Вы можете разбивать стили по классам следующим образом: 

.preview-sm .container {
   width: 1000px !important
}

Но @media всегда в зависимости от размера экрана.

...