Display api examples as a grid instead of list.

views/api/index.jade

@@ -3,41 +3,64 @@ extends ../layout
 block content
   h2 API Examples
 
-  ol
+  .row
-    li
+    .col-sm-3
-      a(href='/api/aviary') Aviary
+      .panel.panel-default
-    li
+        .panel-body
-      a(href='/api/clockwork') Clockwork SMS
+          a(href='/api/aviary') Aviary
-    li
+    .col-sm-3
-      a(href='/api/facebook') Facebook
+      .panel.panel-default
-      small  ⇢ Login Required
+        .panel-body
-    li
+          a(href='/api/clockwork') Clockwork SMS
-      a(href='/api/foursquare') Foursquare
+    .col-sm-3
-      small  ⇢ Login Required
+      .panel.panel-default
-    li
+        .panel-body
-      a(href='/api/github') GitHub
+          a(href='/api/facebook') Facebook
-      small  ⇢ Login Required
+    .col-sm-3
-    li
+      .panel.panel-default
-      a(href='/api/lastfm') Last.fm
+        .panel-body
-    li
+          a(href='/api/foursquare') Foursquare
-      a(href='/api/linkedin') LinkedIn
+    .col-sm-3
-      small  ⇢ Login Required
+      .panel.panel-default
-    li
+        .panel-body
-      a(href='/api/nyt') New York Times
+          a(href='/api/github') GitHub
-    li
+    .col-sm-3
-      a(href='/api/paypal') PayPal
+      .panel.panel-default
-    li
+        .panel-body
-      a(href='/api/steam') Steam
+          a(href='/api/lastfm') Last.fm
-    li
+    .col-sm-3
-      a(href='/api/twilio') Twilio
+      .panel.panel-default
-    li
+        .panel-body
-      a(href='/api/tumblr') Tumblr
+          a(href='/api/linkedin') LinkedIn
-      small  ⇢ Login Required
+    .col-sm-3
-    li
+      .panel.panel-default
-      a(href='/api/twitter') Twitter
+        .panel-body
-      small  ⇢ Login Required
+          a(href='/api/nyt') New York Times
-    li
+    .col-sm-3
-      a(href='/api/scraping') Web Scraping
+      .panel.panel-default
-    li
+        .panel-body
-      a(href='/api/venmo') Venmo
+          a(href='/api/paypal') PayPal
-      small  ⇢ Login Required
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/steam') Steam
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/twilio') Twilio
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/tumblr') Tumblr
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/twitter') Twitter
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/scraping') Web Scraping
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/venmo') Venmo