Bootstrap - 移动设备上的某种边缘（只有右边） [英] Bootstrap - Some kind of margin on mobile devices (only right side)

问题描述

我使用引导功能创建了移动网页，但对于某些类型，移动网页在右侧的移动设备上有边距或填充，我可以滑动到该边。我删除了一些代码，但即使是最简单的结构也有它：

 < div class =container> 
< div class =row> 
< div class =col-lg-12> 
< div class =navigation>< / div> 
< / div> 
< / div> 
< / div><！ -  container  - > 
 
 .container {
 max-width：100％; 
 padding：0; 
 height：100％; 
 width：100％; 
} 
 
 .navigation {
 height：3.4375em; 
 line-height：1em; 
 background-color：＃E75200; 
} 
  

我在这里上传了测试页：
http://wp1011618.server-he.de/projekte/test/index2.html

我觉得这是因为col-lg-12的填充，但Bootstrap这不能是Bootstraps的意图，所以我想知道这里有什么错误？ p>

谢谢！

解决方案

我想出了：

  html，body {
 overflow-x：hidden; 
} 
  

为我解决了！

i created a mobile page with bootstrap, but for some kind the mobile page has a margin or padding on mobile devices on the right side where i can slide to. I deleted some code, but even the most simple structure has it:

    <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="navigation"></div>
          </div>
        </div>
    </div><!--container-->

.container {
  max-width:100%;
  padding:0;
  height: 100%;
  width:100%;
}

.navigation {
  height:3.4375em;
  line-height:1em;
  background-color:#E75200;
}

I uploaded the test page here: http://wp1011618.server-he.de/projekte/test/index2.html

I have the feeling that it is because of the col-lg-12 padding, but Bootstrap this can't be Bootstraps intention so I am wondering whats wrong here?

Thanks!

解决方案

I figured it out:

html, body {
  overflow-x: hidden;
}

Solved it for me!

这篇关于Bootstrap - 移动设备上的某种边缘（只有右边）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！