居中并调整bingwidget使其全屏显示

如何解决居中并调整bingwidget使其全屏显示

我正在尝试将widget居中并调整为全屏显示，但是看来CSS在呈现HTML之前就已加载。我只能通过inspect元素工具添加CSS样式来使小部件居中，而不能通过代码。我什至尝试使用JavaScript注入CSS，但这不起作用。

以下是小部件代码：

<div class="bingwidget" data-type="covid19_stats" data-market="en-us" data-language="en-us" data-app="bingwidget"></div>
<script src="https://www.bing.com/widget/bootstrap.answer.js" async></script>

我将小部件放置在col-12引导程序div中。

我尝试通过CSS和JS定位呈现的HTML，但是没有一个有效。下面是HTML行，该行应采用100％的宽度以使其全屏显示。

<ol id="b_results" style="display: block; max-width: 650px">

我没有运气就尝试了以下方法：

window.addEventListener("load",function(){
    // inject CSS styles into b_results
    document.getElementById("b_results").style.maxWidth  = '100%';
});

我也尝试过：

.bingwidget{
     max-width:100%;
}

.bingwidget ol#b_results{
     max-width:100%;
}

默认情况下，内嵌样式是从小部件js文件中注入的。关于如何获得b_results和max-width:100%的任何想法？