Différences

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

--- bootstrapwrapper [2021/02/02 18:33] – villersd
+++ bootstrapwrapper [2021/05/26 02:53] – [Hello, world!] villersd
@@ Ligne 32: / Ligne 32: @@
 <panel-body></panel-body>
 Sélectionnez une des propositions suivantes !
 </panel>
 <panel type="default" title="1. de l'eau et du dioxygène seulement">
 Faux. Il faut raisonner en terme de quantités de matière !
@@ 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 151: / Ligne 155: @@
     * [[https://commons.wikimedia.org/wiki/File:Metacognition.jpg]]
-<carousel>
+<carousel  interval="false">
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/GHS-pictogram-explos.svg/600px-GHS-pictogram-explos.svg.png}}
+</slide>
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/GHS-pictogram-flamme.svg/600px-GHS-pictogram-flamme.svg.png}}
+<caption>
+Description
+</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>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/GHS-pictogram-bottle.svg/600px-GHS-pictogram-bottle.svg.png}}
+<caption>
+</caption>
+</slide>
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/600px-GHS-pictogram-acid.svg.png}}
+<caption>
+</caption>
+</slide>
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/GHS-pictogram-skull.svg/600px-GHS-pictogram-skull.svg.png}}
+<caption>
+</caption>
+</slide>
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/GHS-pictogram-exclam.svg/600px-GHS-pictogram-exclam.svg.png}}
+<caption>
+</caption>
+</slide>
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/GHS-pictogram-silhouette.svg/600px-GHS-pictogram-silhouette.svg.png}}
+<caption>
+</caption>
+</slide>
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/600px-GHS-pictogram-acid.svg.png}}
+<caption>
+</caption>
+</slide>
+<slide>
+{{https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/GHS-pictogram-pollu.svg/600px-GHS-pictogram-pollu.svg.png}}
+<caption>
+</caption>
+</slide>
+</carousel>
+  * autre carousel... :
+<carousel interval="false">
 <slide>
 {{https://3starlearningexperiences.files.wordpress.com/2020/09/xyz1.png?nolink|}}
@@ Ligne 175: / 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 191: / Ligne 263: @@
 <jumbotron>
-===== Hello, world! =====
+Hello, world !
 This is a simple hero unit, a simple jumbotron-style