bootstrap - bootstrap仅在调整大小后才起作用

Question

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

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

但问题是bootstrap css在页面加载时没有加载。但是当我调整浏览器大小时它会起作用。

e.g。如果我将浏览器设置得更小并再次最大化它，那么它将起作用，但它不能在第一页加载时工作。

有谁知道这是什么问题？

这是我的中央div

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

以下是一些截图

首次加载

最小化

最大化

它的宽度应该像＆＃34;最大化＆＃34;在第一次加载但它不是，我无法找到问题。任何帮助将不胜感激。

提前致谢。

Answer 1

>>> from num2words import num2words
>>> num2words(42)
forty-two
>>> num2words(42, ordinal=True)
forty-second
>>> num2words(42, lang='fr')
quarante-deux

而不是使用所有网格类，

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

尝试使用特定课程并查看

Answer 2

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

这是我工作示例的链接：Link to working example using simple window resize

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