如何在Bootstrap中製作流暢的「時間線」

Question

我正在嘗試在Bootstrap中製作一個流暢的「時間線」行。看看我正在尋找的一個例子here（基本上是一排獨立於高度疊加的盒子）。

我曾嘗試使用這個偉大的模板：http://codepen.io/emaildano/pen/LEbLeQ 代碼：

<section class="grid-container"> 
    <div class="grid"> 
    <a href="#"><div class="item i1"><span class="date">2015</span><p class="title">Content</p></div></a> 
    </div> 
</section> 

但它不爲我在我的網站工作。他們只堆在一排，而不是兩堆。就像這樣：

謝謝！

編輯：我還做了PSD它，並認爲它可能看起來像這樣：

然而，問題是，我不知道如何在引導使這個。

Answer 1

只需設置width到100%，而不是1000像素

.grid-container { 
    position: relative; 
    width: 100%; 
    margin: 0 auto; 
    overflow: hidden; 
    transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
} 

http://codepen.io/anon/pen/qdqWBX