Google Plus键入HTML格式的卡片

Question

在Google Plus中,他们使用看起来非常酷的卡片类型布局.Facebook在时间轴上使用相同的布局.我想为我的网站实现这样的布局.但我不知道如何开始.以下是我需要知道的事情:

1. 这种特殊布局的名称是什么？
2. 如何在我的网页中实现此布局？

谢谢...

(这里有几张图片可以帮助你了解我在说什么)

Facebook时间线布局http://www.formicmedia.com/wp-content/uploads/2011/09/Capture2.jpg

Answer 1

这是一个使用Bootstrap的Google plus模板示例.它基本上是一个卡片布局,顶部有双导航栏.

代码:http://www.bootply.com/90113
预览:http://www.bootply.com/render/90113

<nav></nav>
<nav></nav>
<div class="container">
   <div class="row">
     <div class="col-md-4 col-sm-6">
        <!-- 1 or more panel/cards inside col -->
     </div>
     <div class="col-md-4 col-sm-6">
        <!-- 1 or more panel/cards inside col -->
     </div>
     <div class="col-md-4 col-sm-6">
        <!-- 1 or more panel/cards inside col -->
     </div>
   </div>
</div>