Javascript 引导-引导仅在调整大小后才起作用

我正在codepen上开发一个小应用程序

但问题是引导css不会在页面加载时加载。但当我调整浏览器的大小时，它会起作用

e、 g.如果我把浏览器变小并再次最大化，那么它会工作，但在第一页加载时不工作

有人知道问题是什么吗

这是我在中央分区的办公室

#quote-machine {
    text-align: center;
    padding: 10%;
    background: white;
    border-radius: 12px;
    box-shadow: inset 0 0 5px #AAA, 0 5px 10px #CCC;
    min-height: 60vh;
    min-width: 50vw;
}

这里是一些截图

第一次加载

最小化

最大化

它的宽度应该像“最大化”的第一次加载，但它不是，我找不到问题。任何帮助都将不胜感激

提前感谢。

<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10 col-lg-offset-1">

而不是使用所有的网格类

<div class="col-lg-10 col-lg-offset-1">

---

尝试使用特定的类并查看更新：您可以通过在ajax回调上设置流体容器的宽度来手动触发它，这有点粗糙，但您只需要执行一次

下面是指向我的工作示例的链接：

---

对我来说很有效。。你想如何描述不工作？@GuruprasadRao我添加了截图。请查看。抱歉，我们不知道您所说的“仅在调整大小后工作”是什么意思。调整大小之前和之后的期望外观是什么？文本是不同的。。你怎么能期望宽度是一样的呢？？？@GuruprasadRao即使有相同的文本，问题也是一样的问题仍然是一样的

.done(function() {
  $('.container-fluid').css('width', '100%');
})