jquery - 如何在 Bootstrap 中制作流体 "timeline"

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，并认为它可能看起来像这样:

但是，问题是我不知道如何在 Bootstrap 中做这个。

Answer 1

只需将 width 设置为 100% 而不是 1000px

.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