0
0

Я хочу сделать, что бы при разрешение экрана < 992px

<div class="container"> поменялся на <div class="container-fluid"> и был на весь экран

BOOTSTRAP читал, вроде информации не нашёл по этому поводу


Николай Бородавкин
7 months ago






Вариант просто прописать адаптацию для класса "container" не подходит?

для @media (max-width: 991px) для .container прописать нужные свойства, чтобы на весь экран контейнер был и т.п.

Это лучший вариант.

Если именно 2 разных класса нужно можно попробовать

Для блока прописать <div class="container container-fluid">... </div>

а в стилях

@media (max-width: 991px) {

.container {

display: none;}

}

@media (min-width: 992px) {

.container-fliud {

display: none;}

}

Если так не сработает, то 2 блока сделать

<div class="container">

</div>

<div class="container-fluid">

</div>

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

Yuri Smirnov
6 months ago

С кодом было бы лечге решить проблему

Владислав Андрианов
7 months ago

2 ответов