如何制作流畅的时间表＆＃34;在Bootstrap中

Question

我试图在Bootstrap中制作流畅的＆＃34;时间线＆＃34;-like行。查看我正在寻找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