bootstrap-引导程序仅在调整大小后才能工作

Question

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

http://codepen.io/asamolion/full/VjKzYV/

但是问题在于，引导CSS不会在页面加载时加载。 但是当我调整浏览器大小时，它可以工作。

例如，如果我使浏览器更小并再次最大化它，那么它将可以工作，但不能在第一页加载时工作。

有人知道这个问题是什么吗？

这是我的中央分部

#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;
}

这是一些截图

第一次加载

最小化

最大化

第一次加载时，其宽度应类似于“最大化”，但不是，我找不到问题。 任何帮助，将不胜感激。

提前致谢。

Answer 1

<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">

尝试特定的课程，看看

Answer 2

更新：您可以通过在ajax回调上设置流体容器的宽度来手动触发它，这有点麻烦，但是您只需执行一次即可。

这是我的工作示例的链接 ： 使用简单的窗口调整大小链接到工作的示例

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