Bootsnipp

E-mail interface like Gmail

Author:

Maks

Snipp created on:

2012-09-14 15:12:55

Description:

Email interface similar to Gmail's featuring 5 columns : actions subject (or sender) labels message body date

Tags:

table user interface

Snipp preview:

John Doe Notifications Message body goes here 11:23 PM
John Doe Notifications Message body goes here Sept4
John Doe Notifications Message body goes here Sept3
John Doe Notifications Message body goes here Sept3

Snipp HTML code:

Like Bootsnipp? Please give a tip: 

<table class="table table-condensed table-hover">
  <thead>
    <tr>
      <th class="span1"><input type="checkbox"></th>
      <th class="span2"></th>
      <th class="span2"></th>
      <th class="span9"></th>
      <th class="span2"></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox"> <a href="#"><i class="icon-star-empty"></i></a></td>
      <td><strong>John Doe</strong></td>
      <td><span class="label pull-right">Notifications</span></td>
      <td><strong>Message body goes here</strong></td>
      <td><strong>11:23 PM</strong></td>
    </tr>
    <tr>
      <td><input type="checkbox"> <a href="#"><i class="icon-star-empty"></i></a></td>
      <td>John Doe</td>
      <td><span class="label pull-right">Notifications</span></td>
      <td>Message body goes here</td>
      <td>Sept4</td>
    </tr>
    <tr>
      <td><input type="checkbox"> <a href="#"><i class="icon-star"></i></a></td>
      <td><strong>John Doe</strong></td>
      <td><span class="label pull-right">Notifications</span></td>
      <td><strong>Message body goes here</strong></td>
      <td><strong>Sept3</strong></td>
    </tr>
    <tr>
      <td><input type="checkbox"> <a href="#"><i class="icon-star"></i></a></td>
      <td><strong>John Doe</strong></td>
      <td><span class="label pull-right">Notifications</span></td>
      <td><strong>Message body goes here</strong></td>
      <td><strong>Sept3</strong></td>
    </tr>
  </tbody>
</table>

Share this snipp:

Comments? :

comments powered by Disqus