Я хочу сделать, что бы при разрешение экрана < 992px
<div class="container"> поменялся на <div class="container-fluid"> и был на весь экран
BOOTSTRAP читал, вроде информации не нашёл по этому поводу
Вариант просто прописать адаптацию для класса "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>
Соответственно один из них будет показываться для больших экранов, другой для мобильных. В данном случае дублирование будет и код больше.
С кодом было бы лечге решить проблему
