Twitter Bootstrap белага зазору на правай баку старонкі

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

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

Я не лічу, што я змяніў на шмат на ўсіх тут. Нічога з шырынёй або што-небудзь. Агледзеў аб'екты ў Chrome і не мог нічога бачыць перапоўнены над шырынёй мудрай

22

9 адказы

Гэта можа быць трохі позна, але я знайшоў, што іншыя адказы ўводзіць у зман.

Гэта праўда, што клас радкі гэта тое, што выклікае праблемы, але гэта таму, што ён заўсёды павінен быць размешчаны ўнутры кантэйнера элемента.

з http://getbootstrap.com/css/ :

<�Р> Радкі павінны быць размешчаны ў межах .container (фіксаваная шырыня) або .container-вадкасці (поўная шырыня) для правільнага выраўноўвання і запаўнення. </Р>

Элемент кантэйнера звычайна мае -15px водступы як на правай і левай і клас радок мае 15px водступы справа і злева. Два кампенсуюць адзін аднаго. Калі адзін з гэтых двух няма, вы ўбачыце дадатковае прастору.

39
дададзена
<�Код> радок s на маёй старонцы ў кантэйнер або кантэйнер-вадкасці , але я ўсё яшчэ бачу вялікае белае прастору справа. Cant зразумець гэта нават з Chrome Паннаў інструментаў. Гэта адбываецца толькі на старонках з формамі. Любыя ідэі?
дададзена аўтар Anupam, крыніца

Вы спрабавалі:

html, body { overflow-x: hidden; }

Вы можаце пакінуць скрыпку?

30
дададзена
дзякуючы @JosephK гэта ўскраіна-права радкі, мая праблема фіксаванай
дададзена аўтар Bhushan Babar, крыніца
Гэта працуе, калі няма неабходнасці гарызантальнай пракруткі на любы іншы старонцы на вашым сайце. Прынамсі, гэта быў мой вопыт.
дададзена аўтар JosephK, крыніца
Беражыцеся класа «радкі» Bootstrap і ў {маржынальнасць-направа: -15px}. Гэта было прычынай гэтага на маёй старонцы.
дададзена аўтар JosephK, крыніца
Я зразумеў гэта. Гэта было нешта рабіць з пракладкай
дададзена аўтар Lynx, крыніца
Я прашу прабачэння, я звычайна ніколі не выкарыстоўваць гэты убудова, і я ведаю, што гэта рашэнне хак-иш.
дададзена аўтар Jules, крыніца
Гэта вырашыла маю праблему, але потым scrollspy Bootstrap перастаў працаваць. : /
дададзена аўтар Gabriel Kunkel, крыніца

Дадайце наступны мета-тэг у 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 і цела

7
дададзена
@ User2267668 -edited адказ
дададзена аўтар Scott Selby, крыніца
не ведаю, без якіх-небудзь HTML або CSS код адказваў, гэта былі лепш, верагодна, выпраўляе, не можа сказаць вам значна больш
дададзена аўтар Scott Selby, крыніца
Вы выкарыстоўвалі anyfloats? паспрабаваць ясна: тое і іншае; на ваш кантэйнера
дададзена аўтар DiederikEEn, крыніца
не працаваў ... Калі гэта дапамагае абмежаваць яго down..It выглядае як яго толькі аб 20-30px шчыліны на таблетках (Ipad) і пра 50-60px шчыліны на смартфонах (яркі)
дададзена аўтар Lynx, крыніца
ды гэта не працуе, альбо
дададзена аўтар Lynx, крыніца
Ды я разумею, што я хацеў бы апублікаваць код, але не можа. Я думаю, я магу зразумець гэта LOL яшчэ раз дзякуй!
дададзена аўтар Lynx, крыніца

У мяне тая ж праблема. Я выявіў аб'ект, які выклікае запаўненне павінен быць створаны быў «радок» класа Bootstrap ст.

Калі вы дадаеце

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

ў аб'екты CSS файл/маленькіх гэта павінна вырашыць, па меншай меры адзін з элементаў, якія выклікаюць водступы на вашай старонцы.

7
дададзена
Радок абіўка з'яўляецца наўмыснай. Вы павінны быць абгортваць вашыя радкі ў .container-вадкасці .
дададзена аўтар Andrew, крыніца

Як правіла, гэта адбываецца таму, што ў вас ёсць DIV парушэння мяжы вашай усталяванай шырыні кантэйнера, можаце быць дзіваў або секцыя абіўка, запас, размяшчэнне .. Вы можаце выкарыстоўваць інспектар стрэлак або перапаўнення: схаваны на кантэйнерную тэгу, каб убачыць які з падзелаў вы маглі б маюць шырыню разрыву.

1
дададзена

У мяне была вельмі падобная праблема нядаўна, які ўзяў мяне даволі доўга, каб высветліць. Для мяне гэта быў не звычайны пытанне радкоў/кантэйнер. Я з выкарыстаннем кода <> формы-кіравання для адлюстравання сцяжкоў ўручную. У Bootstrap, усе тэкставыя элементы з кодам <> формаў-кантроль Папрасіць шырыня: 100% па змаўчанні . Маючы шмат сцяжкоў онлайн прычыняў ім перацячы (нябачна), і ў выніку чаго гэты вялікі белы зазор справа. Дзіўна, але гэта было не так лёгка адладжваць гэта з дапамогай інструментаў Chrome Dev небудзь.

Я зараз, выкарыстоўваючы наступнае рашэнне ўсталяваць шырыня у аўто; ( гэты адказ дапамог):

<input class="form-control form-control-inline" type="checkbox" ... ... .. />

і

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

Спадзяюся, што гэта дапамагае нехта

0
дададзена

Акрамя таго, праверце, каб убачыць, як вы карыстаецеся кантэйнеры. Яны не могуць быць укладзенымі, яны будуць выклікаць праблемы.

<�Р> Вы можаце выбраць адзін з двух кантэйнераў для выкарыстання ў вашых праектах. Варта адзначыць, што ў сувязі з пракладкай і многае іншае, ні кантэйнер укладзенасць. </Р>

Крыніца: http://getbootstrap.com/css/#overview-container

0
дададзена

Я проста была вельмі падобная праблема, і, правёўшы некаторы час, я зразумеў, што я ужыў CSS стайлінгу дадаўшы Перацяжка 0px на левай і правай частцы кантэйнера вадкасці класа, і таму стыль адмяняюць -15px па змаўчанні запаўненне неабходнай на кантэйнеры -fluid трымаць шэрагі ў належным месцы.

0
дададзена

У мяне была аналагічная праблема на мабільных прыладах. Праблема складалася ў тым, што я хавала элемент на меншых памерах экрана, але забылася яго бацькоўскі кантэйнер. Кантэйнер ад быў яшчэ вынесены нягледзячы на ​​тое, што яго змест было пуста, што прыводзіць да вялікага беламу зазору на права месцы. Утойванне бацькоўскага элемента замест дзіцяці вырашыла гэта для мяне.

0
дададзена