Primary
Secondary
Tertiary
Black
Darkgrey
Grey
White
Success
Warning
Danger
Info
All colors are automatically generated from only one main color (primary color). Even the darkgrey has a tiny amount of color in it.
Some dimmed text. Which is 20% lighter or darker. text-lighten, text-darken is also an option.
Font Awesome 4 is included. There is also the option to toggle icons on click.
Just a normal icon with the class="toggle" and a data-toggle attribute with the icon to change to and any other class than fa or toggle.
Like this one:
<i class="fa fa-plus toggle fa-2x" data-toggle="fa-minus fa-2x"></i>
Icons are used from various extensions, like dropdown, mobile navigation, settings. If you modify or use another icon font, you got to modify the source code as well.
class="table hover"
| # | First | Last | Something |
|---|---|---|---|
| lorem | ipsum | dolorem | sit amat |
| lorem | ipsum | dolorem | sit amat |
| lorem | ipsum | dolorem | sit amat |
class="table striped"
| # | First | Last | Something |
|---|---|---|---|
| lorem | ipsum | dolorem | sit amat |
| lorem | ipsum | dolorem | sit amat |
| lorem | ipsum | dolorem | sit amat |
class="table bordered"
| # | First | Last | Something |
|---|---|---|---|
| lorem | ipsum | dolorem | sit amat |
| lorem | ipsum | dolorem | sit amat |
| lorem | lorem | ipsum | dolorem |
.tablewrapped in a
.table-scrollablediv
| # | First | Last | Something | 001 | 002 | 003 | 004 | 001 | 002 | 003 | 004 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| lorem | ipsum | dolorem | sit amat | lorem | ipsum | dolorem | sit amat | lorem | ipsum | dolorem | sit amat |
| lorem | ipsum | dolorem | sit amat | lorem | ipsum | dolorem | sit amat | lorem | ipsum | dolorem | sit amat |
| lorem | ipsum | dolorem | sit amat | lorem | ipsum | dolorem | sit amat | lorem | ipsum | dolorem | sit amat |