Bootstrap 4 列不向右浮动 - 从右边有 space

Question

我的右侧边栏有 space 来自 right.It 不浮动 right.you 可以看到 link:

http://www.migrate666.deniz-tasarim.site/2020/02/25/american-airlines-reconciles-with-qatar-airways/

  <div class="col-md-2 col-lg-2 col-sm-2" id="right-sidebar" style="background-color:orange; float: right; right: 0!important; width: 100%;">

        <?php get_sidebar(); ?>

    </div>

custom.css:

#right-sidebar {
    padding-top: 20px;
}

Answer 1

我浏览了你的网站，你强行为 container-fluid 应用了宽度 1280px。这就是为什么内部 div（div 与 class col-md-10 和 col-md-2）根据容器流体的宽度调整它们的宽度的原因。

在您的 style.css 行 580 下面是代码。如果您对此行发表评论。它会起作用。

.container-fluid.single-post {
    width: 1280px;
}

参考下图

Bootstrap 4 列不向右浮动 - 从右边有 space

Bootstrap 4 column doesnt not float right - has space from right

css

css-float

bootstrap-4