Как я могу иметь мое мобильное представление в контейнере с жидкостью и сайт рабочего стола в контейнере?

Question

Я создаю веб-сайт, используя laravel и bootstrap 3. Когда я применяю класс .container, сайт хорошо отображается на средних и больших экранах, но слишком мал на небольших устройствах, таких как телефоны (с огромными отступами с обеих сторон).И когда я применяю класс .container-flud, он хорошо отображается на небольших устройствах и покрывает весь экран на больших устройствах (что мне не нужно).

Итак, я хочу иметь мобильное представление в контейнере с текучей средой и на средних и больших экранах в контейнере.Это возможно?и как мне этого добиться?

Я использую бутстрап 3

Любая помощь высоко ценится

Answer 1

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

@media (max-width: 415px){
 .container{
   min-width:100% !important;
   max-width:100% !important;
 }
}