Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
playground:playground [2015/04/14 16:24] webmaster |
playground:playground [2015/04/14 17:41] (Version actuelle) webmaster [Carousel] |
||
---|---|---|---|
Ligne 16: | Ligne 16: | ||
===== Modal ===== | ===== Modal ===== | ||
<html> | <html> | ||
- | <!-- Button trigger modal --> | + | <a data-toggle="modal" data-remote="doku.php?id=playground:plan" data-target="#myModal">Click me !</a> |
- | <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> | + | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div> |
- | Launch demo modal | + | |
- | </button> | + | |
- | + | ||
- | <!-- Modal --> | + | |
- | <a data-toggle="modal" href="doku.php?id=fr:programme" data-target="#modal">Click me</a> | + | |
- | + | ||
- | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | + | |
- | <div class="modal-dialog"> | + | |
- | <div class="modal-content"> | + | |
- | <div class="modal-header"> | + | |
- | <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | + | |
- | <h4 class="modal-title" id="myModalLabel">Modal title</h4> | + | |
- | </div> | + | |
- | <div class="modal-body"> | + | |
- | <a data-toggle="modal" href="doku.php?id=fr:programme" data-target="#modal">Click me</a> | + | |
- | </div> | + | |
- | <div class="modal-footer"> | + | |
- | <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> | + | |
- | <button type="button" class="btn btn-primary">Save changes</button> | + | |
- | </div> | + | |
- | </div> | + | |
- | </div> | + | |
- | </div> | + | |
</html> | </html> | ||
- | |||
- | |||
===== Popover ===== | ===== Popover ===== | ||
<html> | <html> | ||
Ligne 85: | Ligne 60: | ||
<div class="carousel-inner" role="listbox"> | <div class="carousel-inner" role="listbox"> | ||
<div class="item active"> | <div class="item active"> | ||
- | <img src="..." alt="..."> | + | <img src="lib/exe/fetch.php?media=wiki:bandeau_languescaribesduvenezuela-800px-en.png" alt="..."> |
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | ... | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
- | <img src="..." alt="..."> | + | <img src="lib/exe/fetch.php?media=wiki:bandeau_languescaribesduvenezuela-800px-fr.png" alt="..."> |
+ | <div class="carousel-caption"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="lib/exe/fetch.php?media=wiki:bandeau_languescaribesduvenezuela-800px-es.png" alt="..."> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | ... | ||
</div> | </div> | ||
</div> | </div> | ||
- | ... | ||
</div> | </div> | ||