Twitter начальной загрузки белый зазор на правой стороне страницы

У меня возникли проблемы с моим отзывчивый стилей с Bootstrap от Twitter. Сайт отображается нормально без проблем, но по каким-то причинам отзывчивый планшет и телефон этот огромный белый разрыв в правой части страницы. Его проблема не в полосе прокрутки его огромный белый пробел

http://i.imgur.com/JeRRRqq.png

Я не верю, я сменил много на всех здесь. Ничего с шириной или ничего. Проинспектировал объекты в хром и не вижу ничего разливаясь над шириной мудрый

Программирование
css layout twitter-bootstrap
23-го мая 2013 в 2:51
55 просмотров
Решение

Это может быть немного поздно, но я нашел другие ответы, чтобы ввести в заблуждение.

Правда, класс строки-это то, что вызывает проблему, но это потому, что она всегда должна быть помещена в контейнер элемент.

от http://getbootstrap.com/css/ :

строки должны быть помещены внутри .контейнер (фиксированной ширины) или .контейнер-жидкости (полной ширины) для правильного выравнивания и заполнения.

Элемент контейнера обычно имеет 15px обивка на правой и левой и классом строка имеет отступ 15px справа и слева. Два компенсируют друг друга. Если одно из двух отсутствует, вы увидите дополнительное пространство.

Комментарии (1)

Вы пробовали: 

html, body { overflow-x: hidden; }

Вы можете разместить скрипку?

Комментарии (6)

Добавьте следующий мета-тег в 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

Scott Selby
Редактировал ответ 12-го ноября 2014 в 7:09
Комментарии (6)

У меня такая же проблема. Я обнаружил объект, который вызывает обивка должна быть создана прихлоп'ы "в строке" Класс.

Если вы добавляете

.row {
  padding-right: 0px;
  margin-right: 0px;
}

в файле CSS/объектов строк, это должно исправить хотя бы один из пунктов вызывает заполнение на вашу страницу.

Mr. ED
Редактировал ответ 13-го ноября 2016 в 2:25
Комментарии (1)

Я имел эту проблему, никто из этого не отвечает, не поможешь мне, я решить мою проблему с этим способом: 

body { overflow-x: hidden; width: 100vw;}
Комментарии (0)

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

Комментарии (0)

Я недавно очень похожий вопрос, который мне потребовалось некоторое время, чтобы выяснить. Для меня это был не обычный выпуск подряд/контейнер. Я использовала форму управления для отображения чекбоксов вручную. В Bootstrap, все текстовые элементы с форма-контроль "есть" ширина:100% по умолчанию. Имея много чекбоксов онлайн вызывает их, чтобы перекинуться (незримо) и вызывающие большой белый пробел справа. На удивление, это было'т легко отлаживать это с помощью инструментов разработчика Chrome или.

Я использую следующее решение установить ширина в режиме Auto; (эта ответ помог):

в <входной класс="и форма контроля форма контроля-встроенный" и типа=и"флажок" в ... ... .. />

и

.form-control-inline {
  width: auto;
}

Надеюсь, что это помогает кто-то

Комментарии (0)

Кроме того, проверьте, чтобы увидеть, как вы'повторного использования контейнеров. Они могут'т быть вложены, они будут вызывать проблемы.

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

Источник: http://getbootstrap.com/css/#overview-container

Комментарии (0)

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

Комментарии (0)

Я просто имел очень похожие проблемы, и потратив некоторое время, я понял, что применять стили CSS добавление перетяжка 0px слева и справа от контейнера жидкость класса, и поэтому стиль перезаписи по умолчанию -15px обивка нужен на контейнер-жидкости хранение строк в правильном месте.

Комментарии (0)