Проблема с отзывчивым материалом Bootstrap: осталось слишком много места

Question

Итак, у меня проблемы с этой страницей: http://annuncicenter.altervista.org/fiverr/index.php

Я использую bootstrap-material-design

Проблема в том, что когда я хожу с мобильного телефона, тамслишком много места на одной стороне, справа на всю высоту страницы, как на скриншоте:

Рабочий стол

Мобильный

Итак, я проверил все с помощью max-width: 100%, но не могу понять, почему это произошло.Любая помощь будет оценена.

Answer 1

Это происходит потому, что вы задаете встроенный стиль width: 500px в своей форме с классом form-inline

Удалите это и добавьте его в класс form-inline

.form-inline {
width: 500px
}

После этого создайте медиазапрос для небольших устройств, как показано ниже:

@media (min-width: 576px) {
 .form-inline {
  width: 100%
}
 }

Надеюсь, что это поможет вам.