Mehr lesen +
BEHEIZTES FREIBAD
Freier Eintritt und ein 850 m² großes Schwimmerbecken mit Sprungturm und Rutsche. Eine große Liegewiese mit wunderschönem altem Baumbestand lädt zum Entspannen und Erholen ein.
zum Routenplaner +
ANFAHRT
Finden Sie den besten Weg zu uns. Nutzen Sie den Routenplaner um eine genaue Anfahrt zu erhalten.
zum Plan+
LAGEPLAN
Unser Platzplan soll Ihnen eine grobe Übersicht geben. Bei einer Reservierung wird Ihnen ein Stellplatz garantiert.
WAS WIR IHNEN BIETEN
- Freundliches, hilfsbereites Personal
- Wohnmobilservice
- Gasflaschen-Service
SANITÄRGEBÄUDE
- Einzel-Duschkabinen
- Fußbodenheizung
- Behindertengerechte Dusche mit WC
- Spülraum
- Waschmaschinen/Trockner
- Baby-Bade-und Wickelmöglichkeit
Mehr lesen +
RESTAURANT
Auch für Ihr leibliches Wohl ist bestens gesorgt. Alle unsere leckeren Speisen gibt es auch zum Mitnehmen.
Mehr lesen +
SB LADEN
Ihre Ferien beginnen so: mit guter Information und einem guten Einkauf. SB-Laden für den täglichen Grundbedarf.
Jetzt Reservieren +
RESERVIERUNG
Sie benötigen einen Stellplatz für ein Wohnmobil, einen Wohnwagen oder ein Zelt?
Mehr lesen +
KONUS GÄSTEKARTE
Mit Bus und Bahn gratis den Schwarzwald erleben. Neben vielen Vergünstigungen in Einrichtungen des gesamten Schwarzwaldes können Sie mit der KONUS-Gästekarte Busse und Bahnen im definierten Konus-Gebiet kostenfrei nutzen.
Kostenloses WLAN
FREE WIFI / INTERNET
Auf unserem Campingplatz braucht kein Camper auf das Internet zu verzichten. Wir haben kostenfreie HOTSPOTS der TELEKOM auf unserem Platz, die 85% der Stellplätze abdecken.
Mehr lesen +
WANDERN IM KINZIGTAL
Willkommen im Wanderparadies Kinzigtal! Den Schwarzwald zu Fuß erkunden und hautnah erleben
Table Designs
- Kategorie: Site Content
- Veröffentlicht: Donnerstag, 21. März 2013 08:38
- Geschrieben von Super User
- Zugriffe: 5003
Default styles
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 |
<table class="table"> … </table>
Optional classes
Add any of the following classes to the .table
base class.
.table-striped
Adds zebra-striping to any table row within the <tbody>
via the :nth-child
CSS selector (not available in IE7-IE8).
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table class="table table-striped"> … </table>
.table-bordered
Add borders and rounded corners to the table.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-bordered"> … </table>
.table-hover
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 |
<table class="table table-hover"> … </table>
.table-condensed
Makes tables more compact by cutting cell padding in half.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-condensed"> … </table>
Optional row classes
Use contextual classes to color table rows.
Class | Description |
---|---|
.success |
Indicates a successful or positive action. |
.error |
Indicates a dangerous or potentially negative action. |
.warning |
Indicates a warning that might need attention. |
.info |
Used as an alternative to the default styles. |
# | Product | Payment Taken | Status |
---|---|---|---|
1 | TB - Monthly | 01/04/2012 | Approved |
2 | TB - Monthly | 02/04/2012 | Declined |
3 | TB - Monthly | 03/04/2012 | Pending |
4 | TB - Monthly | 04/04/2012 | Call in to confirm |
... <tr class="success"> <td>1</td> <td>TB - Monthly</td> <td>01/04/2012</td> <td>Approved</td> </tr> ...
Supported table markup
List of supported table HTML elements and how they should be used.
Tag | Description |
---|---|
<table> |
Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr> ) to label table columns |
<tbody> |
Container element for table rows (<tr> ) in the body of the table |
<tr> |
Container element for a set of table cells (<td> or <th> ) that appears on a single row |
<td> |
Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead> |
<caption> |
Description or summary of what the table holds, especially useful for screen readers |
<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> </tr> </tbody> </table>
FRAGEN UND ANTWORTEN