Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Generic placeholder image

Table

  2. Tables
  3. Basic Table
Basic Table

Basic example without any additional modification classes

# First Name Last Name Username Nickname
1 Mark Otto @mdo Ducky
2 Jacob Thornton @fat Ducky
3 Larry the Bird @twitter Ducky
4 Larry the Bird @twitter Ducky
5 Larry the Bird @twitter Ducky
6 Larry the Bird @twitter Ducky
7 Larry the Bird @twitter Ducky
8 Larry the Bird @twitter Ducky
Striped rows

Add .table-inverse Class in table tag

# First Name Last Name Username Nickname
1 Mark Otto @mdo Ducky
2 Jacob Thornton @fat Ducky
3 Larry the Bird @twitter Ducky
4 Larry the Bird @twitter Ducky
5 Larry the Bird @twitter Ducky
6 Larry the Bird @twitter Ducky
7 Larry the Bird @twitter Ducky
8 Larry the Bird @twitter Ducky
Hover Effects on Row

Add .table-hover Class in table tag

# First Name Last Name Username Nickname
1 Mark Otto @mdo Ducky
2 Jacob Thornton @fat Ducky
3 Larry Otto @twitter Ducky
4 Jacob Thornton @fat Ducky
5 Jacob Thornton @fat Ducky
6 Jacob Thornton @fat Ducky
7 Jacob Thornton @fat Ducky
8 Jacob Thornton @fat Ducky
Contextual classes

For Make row Contextual add Contextual class like .table-success in tr tag and For cell add Contextual class in td or th tag .

# First Name Last Name Username Nickname
1 Mark Otto @mdo Ducky
2 Jacob Thornton @fat Ducky
3 Larry the Bird @twitter Ducky
4 Larry the Bird @twitter Ducky
5 Larry the Bird @twitter Ducky
6 Larry the Bird @twitter Ducky
7 Larry the Bird @twitter Ducky
8 Larry the Bird @twitter Ducky
9 Larry the Bird @twitter Ducky
Background Utilities

Regular table background variants are not available with the inverse table, however, you may use text or background utilities to achieve similar styles.

# First Name Last Name Username Nickname
1 Mark Otto @mdo Ducky
2 Jacob Thornton @fat Ducky
3 Larry the Bird @twitter Ducky
4 Larry the Bird @twitter Ducky
5 Larry the Bird @twitter Ducky
6 Larry the Bird @twitter Ducky
7 Larry the Bird @twitter Ducky
8 Larry the Bird @twitter Ducky
9 Larry the Bird @twitter Ducky