For basic styling—light padding and only horizontal dividers—add the base class .table
to any
<table>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Use .table-striped
to add zebra-striping to any table row within the <tbody>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
Add .table-bordered
for borders on all sides of the table and cells.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
Add .table-hover
to enable a hover state on table rows within a <tbody>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
# | Column heading | Column heading | Column heading |
---|---|---|---|
1 | Column content | Column content | Column content |
2 | Column content | Column content | Column content |
3 | Column content | Column content | Column content |
4 | Column content | Column content | Column content |
5 | Column content | Column content | Column content |
6 | Column content | Column content | Column content |
7 | Column content | Column content | Column content |
8 | Column content | Column content | Column content |
9 | Column content | Column content | Column content |
Create responsive tables by wrapping any .table
in .table-responsive
to make them
scroll
horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see
any
difference in these tables.
# | Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
---|---|---|---|---|---|---|
1 | Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
2 | Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
3 | Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
XXI century gave a rise to yet another revolution in Europe, but this time it's not a french grizzly struggle for human rights. It's a choice of a luxury that came straight from scandinavian lands. Your living room will never be the same!
Read ArticleOnce a young russian furniture designer claimed that both "empires of west and east strife for a simplicity in their houses that can keep up the pace with a modern man". Thus began a new trend of house decore.
Read ArticleRemember the times when music bands and computer companies rose from small, smelly garages? Those times are way behind us, or are they? Learn for yourself why a garage can now become a substitution for your living.
Read ArticleBe the first to receive our latest news about our bookings! Enter your email address: