Différences

Ci-dessous, les différences entre deux révisions de la page.

--- bootstrapwrapper [2021/02/19 14:32] – [Carousel] villersd
+++ bootstrapwrapper [2021/05/26 02:53] – [Hello, world!] villersd
@@ Ligne 107: / Ligne 107: @@
 **Well done!** You successfully read this important alert message.
 </alert>
+<alert type="success" dismiss="true" icon="fa fa-check-circle fa-3x fa-pull-right">C'est correct !</alert>
+<alert type="danger" dismiss="true" icon="fa fa-times-circle fa-3x fa-pull-right">Ce n'est pas correct !</alert>
 <alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert>
@@ Ligne 152: / Ligne 156: @@
-<carousel>
+<carousel  interval="false">
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/GHS-pictogram-explos.svg/600px-GHS-pictogram-explos.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
-<caption>
-</caption>
 </slide>
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/GHS-pictogram-flamme.svg/600px-GHS-pictogram-flamme.svg.png}}
 <caption>
-</caption>
+Description
-</slide>
-<slide>
-<caption>
 </caption>
 </slide>
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/GHS-pictogram-rondflam.svg/600px-GHS-pictogram-rondflam.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
 <caption>
 </caption>
@@ Ligne 182: / Ligne 173: @@
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/GHS-pictogram-bottle.svg/600px-GHS-pictogram-bottle.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
 <caption>
 </caption>
@@ Ligne 191: / Ligne 178: @@
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/600px-GHS-pictogram-acid.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
 <caption>
 </caption>
@@ Ligne 200: / Ligne 183: @@
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/GHS-pictogram-skull.svg/600px-GHS-pictogram-skull.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
 <caption>
 </caption>
@@ Ligne 209: / Ligne 188: @@
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/GHS-pictogram-exclam.svg/600px-GHS-pictogram-exclam.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
 <caption>
 </caption>
@@ Ligne 218: / Ligne 193: @@
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/GHS-pictogram-silhouette.svg/600px-GHS-pictogram-silhouette.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
 <caption>
 </caption>
@@ Ligne 227: / Ligne 198: @@
 <slide>
 {{https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/600px-GHS-pictogram-acid.svg.png}}
-<caption>
-</caption>
-</slide>
-<slide>
 <caption>
 </caption>
@@ Ligne 241: / Ligne 208: @@
 </carousel>
+  * autre carousel... :
-<carousel>
+<carousel interval="false">
 <slide>
 {{https://3starlearningexperiences.files.wordpress.com/2020/09/xyz1.png?nolink|}}
@@ Ligne 266: / Ligne 234: @@
 </carousel>
+==== Collapse ====
+Quel est le nombre d'oxydation du manganèse dans l'ion permanganate ?
+<button collapse="foo">Cliquez ici</button>
+<collapse id="foo" collapsed="true"><well>
++7
+L'ion permanganate <chem>(MnO4)-</chem> est une espèce chimique à géométrie tétraédrique caractérisée par un atome de manganèse central lié à quatre atomes d'oxygène et portant une charge globale équivalente à un électron (-1). Chaque atome d'oxygène possède le nombre d'oxydation -2, donc si x est le n.o. recherché pour l'atome de manganèse, on a x + 4 * -2 = -1
+Le manganèse est donc à l'état d'oxydation +7, ce qui fait que l'ion permanganate(VII) est un agent oxydant puissant, puisque tout les autres composés du manganèse ont un nombre d'oxydation inférieur.
+</well></collapse>
 ==== Grids ====
@@ Ligne 282: / Ligne 263: @@
 <jumbotron>
-===== Hello, world! =====
+Hello, world !
 This is a simple hero unit, a simple jumbotron-style