Bootstrap 4 столбец не смещается вправо - имеет место справа

Question

моя правая боковая панель имеет пробел справа. Она не всплывает справа. Вы можете увидеть по этой ссылке:

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

Я просмотрел ваш сайт, и вы принудительно применили ширину 1280 пикселей для контейнерной жидкости. Вот почему оба внутренних блока (div с классом col-md-10 и col-md-2) регулируют свою ширину в соответствии с шириной контейнера-флюида.

В вашем стиле . css строка 580 ниже приведен код. если вы прокомментируете эту строку. это будет работать.

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

См. изображение ниже для справки