У меня возникли проблемы с моим отзывчивый стилей с Bootstrap от Twitter. Сайт отображается нормально без проблем, но по каким-то причинам отзывчивый планшет и телефон этот огромный белый разрыв в правой части страницы. Его проблема не в полосе прокрутки его огромный белый пробел
http://i.imgur.com/JeRRRqq.png
Я не верю, я сменил много на всех здесь. Ничего с шириной или ничего. Проинспектировал объекты в хром и не вижу ничего разливаясь над шириной мудрый
Это может быть немного поздно, но я нашел другие ответы, чтобы ввести в заблуждение.
Правда, класс строки-это то, что вызывает проблему, но это потому, что она всегда должна быть помещена в контейнер элемент.
от http://getbootstrap.com/css/ :
строки должны быть помещены внутри .контейнер (фиксированной ширины) или .контейнер-жидкости (полной ширины) для правильного выравнивания и заполнения.
Элемент контейнера обычно имеет 15px обивка на правой и левой и классом строка имеет отступ 15px справа и слева. Два компенсируют друг друга. Если одно из двух отсутствует, вы увидите дополнительное пространство.
Добавьте следующий мета-тег в HTML
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height, target-densitydpi=medium-dpi" />
Также попробуйте установить
html, body. div{
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
на HTML и body
У меня такая же проблема. Я обнаружил объект, который вызывает обивка должна быть создана прихлоп'ы "в строке" Класс.
Если вы добавляете
.row {
padding-right: 0px;
margin-right: 0px;
}
в файле CSS/объектов строк, это должно исправить хотя бы один из пунктов вызывает заполнение на вашу страницу.
Я имел эту проблему, никто из этого не отвечает, не поможешь мне, я решить мою проблему с этим способом:
body { overflow-x: hidden; width: 100vw;}
Как правило, это происходит потому, что у вас есть див нарушая границы вашего набора ширины контейнера,может быть div или разделы обивка, окраины, позиционирование.. вы можете использовать инспектор со стрелками или переполнения:скрытые на контейнерный тег, чтобы увидеть, какой раздел вы, возможно, нарушая ширины.
Я недавно очень похожий вопрос, который мне потребовалось некоторое время, чтобы выяснить. Для меня это был не обычный выпуск подряд/контейнер. Я использовала форму управления для отображения чекбоксов вручную. В Bootstrap, все текстовые элементы с форма-контроль "есть" ширина:100%
по умолчанию. Имея много чекбоксов онлайн вызывает их, чтобы перекинуться (незримо) и вызывающие большой белый пробел справа. На удивление, это было'т легко отлаживать это с помощью инструментов разработчика Chrome или.
Я использую следующее решение установить ширина
в режиме Auto;
(эта ответ помог):
в <входной класс="и форма контроля форма контроля-встроенный" и типа=и"флажок"
в ... ... .. />
и
.form-control-inline {
width: auto;
}
Надеюсь, что это помогает кто-то
Кроме того, проверьте, чтобы увидеть, как вы'повторного использования контейнеров. Они могут'т быть вложены, они будут вызывать проблемы.
вы можете выбрать один из двух контейнеров для использования в ваших проектах. Обратите внимание, что в связи с прокладкой и больше, ни контейнер вкладные.
Я'вэ была аналогичная проблема на мобильных устройствах. Проблема в том, что у меня был скрытый элемент на меньших размерах экрана, но забыл его родительского контейнера. Этот контейнер был еще рендерится, хотя его содержание было пусто, которые приводят к большой белый пробел на нужном сайте. Скрытие родительского элемента вместо ребенка решить это для меня.
Я просто имел очень похожие проблемы, и потратив некоторое время, я понял, что применять стили CSS добавление перетяжка 0px слева и справа от контейнера жидкость класса, и поэтому стиль перезаписи по умолчанию -15px обивка нужен на контейнер-жидкости хранение строк в правильном месте.