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:29] webmaster [Modal] |
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:start" data-target="#myModal">Click me !</a> | + | |
| - | + | ||
| - | <!-- Modal --> | + | |
| - | <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-hidden="true">×</button> | + | |
| - | <h4 class="modal-title">Modal title</h4> | + | |
| - | + | ||
| - | </div> | + | |
| - | <div class="modal-body"><div class="te"></div></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> | + | |
| - | <!-- /.modal-content --> | + | |
| - | </div> | + | |
| - | <!-- /.modal-dialog --> | + | |
| - | </div> | + | |
| - | <!-- /.modal --> | + | |
| - | + | ||
| - | <div class="modal fade" id="2ndModal" 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 106: | 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> | ||