test
test
test
1
2
3
4
5
6
7
7
7
7
7
7
7
7
7
7
7
7
7
1
2
3
4
5
6
7
1
2
3
4
5

Basic table

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Full width

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Unstyled

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

No padding

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

XS padding

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

SM padding

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

MD padding

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

LG padding

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Bordered

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Striped

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Striped Column

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Striped Both

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Dark

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Hover

Table Header 1 Table Header 2 Table Header 3 Table Header 4
Footer 0 Footer 1 Footer 2 Footer 3 Footer 4
Row header 1 Division 1 Division 2 Division 3 Division 4
Row header 2 Division 1 Division 2 Division 3 Division 4
Row header 3 Division 1 Division 2 Division 3 Division 4
Row header 4 Division 1 Division 2 Division 3 Division 4

Options

$table-cell-pad:           1rem 1rem;
$table-cell-condensed-pad: 0.5rem 0.5rem;

$table-bg:             transparent !default;
$table-header-border:  rgba(0, 0, 0, 0.1) !default;
$table-footer-border:  rgba(0, 0, 0, 0.1) !default;
$table-cell-border:    rgba(0, 0, 0, 0.1) !default;
$table-stripe-color:   #F0F0F0 !default;
$table-hover-color:    #E7E7E7 !default;
$table-border-color:   rgba(0, 0, 0, 0.1) !default;
$table-vertical-align: middle;

$table-stripe-dark-color: rgba(255, 255, 255, 0.1) !default;
$table-hover-dark-color:  rgba(255, 255, 255, 0.2) !default;

Default form


Stacked form

Fieldset legend

Disabled states


Options

$form-base-color:        $text-light-color !default;
$form-placeholder-color: #afa9af !default;

$form-pad-v-base: 0.5rem  !default;
$form-pad-h-base: 0.25rem !default;

$input-bg:           #f0f0f0 !default;
$input-border-width: 1px !default;
$input-border-color: #afa9af !default;
$input-focus-bg:     white !default;
$input-focus-color:  $text-base-color !default;

$input-disabled-bg:    rgba($input-bg, 0.5) !default;
$input-disabled-color: rgba($form-base-color, 0.5) !default;

$labels-look-like-links-option: false !default;
Test test
Test test
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Submit Submit Submit Submit Submit

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

Helo wurld.

1. Here is some gridded content

2. Here is some gridded content

Oh, I always feared he might run off like this. Why, why, why didn't I break his legs? I love this planet! I've got wealth, fame, and access to the depths of sleaze that those things bring. Why, those are the Grunka-Lunkas! They work here in the Slurm factory. And why did 'I' have to take a cab? Leela, are you alright? You got wanged on the head. And when we woke up, we had these bodies.

header1 header2 header3 header4
footer 1 footer 2 footer 3 footer 4
body text 1 body text 2 body text 3 body text 4
Back to Top