Mercurial > dive4elements > website
annotate ocean_carousel.html @ 121:b142a13c7435
Make captions fit on smaller displays.
| author | Tom Gottfried <tom@intevation.de> |
|---|---|
| date | Wed, 02 Apr 2014 14:43:02 +0200 |
| parents | 68f49d59b165 |
| children | 1387a5add21d |
| rev | line source |
|---|---|
|
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
1 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="10000"> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
2 <ol class="carousel-indicators"> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
3 <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
4 <li data-target="#myCarousel" data-slide-to="1"></li> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
5 </ol> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
6 <!-- Carousel items --> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
7 <div class="carousel-inner"> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
8 <div class="item active"> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
9 <img src="img/gnv_profil.png" alt="Profilschnitt" class="img-responsive"> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
10 <div class="carousel-caption"> |
|
121
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
106
diff
changeset
|
11 <p>Profilschnitt: klassifizierte Temperaturverteilung über die Tiefe in der Ostsee.</p> |
|
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
12 </div> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
13 </div> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
14 <div class="item"> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
15 <img src="img/gnv_karte.png" alt="Horizontalschnitt" class="img-responsive"> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
16 <div class="carousel-caption"> |
|
121
b142a13c7435
Make captions fit on smaller displays.
Tom Gottfried <tom@intevation.de>
parents:
106
diff
changeset
|
17 <p>Karte: Horizontalschnitt der Temperaturverteilung in Nord- und Ostsee</p> |
|
106
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
18 </div> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
19 </div> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
20 </div> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
21 <!-- Carousel nav --> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
22 <a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="glyphicon glyphicon-chevron-left"></span></a> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
23 <a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="glyphicon glyphicon-chevron-right"></span></a> |
|
68f49d59b165
Moved D4E Ocean to new layout.
Tom Gottfried <tom@intevation.de>
parents:
diff
changeset
|
24 </div><!-- /myCarousel --> |