使用bootstrap在页面右侧滚动空白

时间:2018-05-17 03:09:29

标签: html bootstrap-4 removing-whitespace

我在https://crane-tech.net

的页面内容右侧获得了一些可滚动的空格

我不确定是什么原因导致它或如何在不手动检查每一行的情况下找到它。我确定这是一个简单的东西,如缺少支架,但我不确定。我见过其他几个人有这个问题,但还没有找到明确的答案。它只在index.html页面上,这让我最困惑,因为它们都是从同一个模板构建的。

1 个答案:

答案 0 :(得分:0)

看起来像是

的问题
<div class="row no-gutters px-5 my-5">
  <div class="col-10 offset-8">
    <h2 class="text-warning h5 mr-5 pr-5">

您可以简单地将第二个div重命名为<div class="col-2 offset-8">以获得类似的结果。

这仍然会留下一些px白色滚动,这是由<div class="header">

引起的

要解决此问题,请添加以下css规则:

.row.justify-content-center {
   max-width: 100%;
}