Bootstrap 2.3 CSS отзывчивый слева с пробелом справа

Я создаю веб-сайт (и я noob в этом). Я работаю над функциональной частью дизайна, и позже кто-то сделает графику.

В настоящее время, когда он переходит в отзывчивый (мобильный вид), он оставляет поле 2px справа, которое перемещается в мобильном браузере (и прокручивается). Я ни за что на свете не смогу от этого избавиться.

Если я включу overflow-x: hidden, он станет не прокручиваемым, но все еще подвижным.

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

Использование Bootstrap 2.3

18
css twitter-bootstrap twitter-bootstrap-2

6 ответов

62

Я знаю, что я очень опаздываю на игру здесь, но я понял, почему это происходит в первую очередь. Если вы используете navbar, в элементе navbar-right есть дополнительное дополнение, которого не должно быть. Он имеет маржинальное право 15px, что вызывает этот разрыв. Заменить его и проблема решена!

3

заменить .container класс .container-fluid в теле и в вашем .css файл сделать padding right and left : 0px; Вот и все.

2

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

но, когда я проверяю его на своем телефоне-Samsung Galaxy S2 & iPhone 5, он все еще показывает мне пробел.

Я тоже пробовал: 

@media handheld and (max-width: 481px) and (orientation: portrait) {
  html,body{width:100%;overflow-x:hidden;}
}

@media handheld and (max-width: 380px) and (orientation: portrait) {
  html,body{width:100%;overflow-x:hidden;}
}
1

удалить margin-left, margin-right

, и

    <div class="navbar">
    <div class="navbar-inner navbar-fixed-top">

to

    <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">`
0

Я решил это, просто обернув .строки в другую .контейнер-элемент класса жидкости. Это должно позаботиться о марже.

0