如何从bootstrap构建的网站中删除正确的空间

Question

我已经使用Twitter Bootstrap 3开发了responsive website。但是我注意到由于页面上有正确的空间，我的屏幕底部有一个滚动条。即使我用过

body {
  margin:0px;
  margin-top:0px;
  padding:0; margin:0;
  margin-right: 0; 
}

我的页面下方仍有正确的空间和滚动条，如下图所示

请如何从引导程序构建的网站中删除正确的空间？

Answer 1

我查看了我的想法，它是导致它的导航栏。

尝试减少导航栏的px。看图片，将px从1903减少到1980年可能!!让我知道会发生什么

Answer 2

首先，类articles_text2和articles_text4的元素放置不正确，它们会在右侧创建一些额外的空间。例如，您可以设置它们left: 50%;。但是，我建议你重新定义所有articles_text元素的位置，因为像57%和其他值这样的值看起来像是从某个地方取得的一些魔法数字。

其次，您应该从padding: 0;移除#full-width，因为它会中断Bootstrap Grid System。我可以建议删除左右填充是为了做以下技巧：

[class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

应该有所帮助。