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%');
})