Doc: Test bootstrap

diff --git a/doc/page.html b/doc/page.html
index a6458c1..5f7f743 100644 (file)
--- a/doc/page.html
+++ b/doc/page.html
@@ -233,19 +233,19 @@ Charger l'animation
 </div>
 <p>Le fichier <code>SVGPlayerOne.js</code> est fourni à la racine du projet SVGAnimation.</p>
 <h2 id="exemples-dutilisation">Exemples d'utilisation</h2>
-<table style="width:75%;">
-<colgroup>
-<col width="66%" />
-<col width="8%" />
-</colgroup>
-<tbody>
-<tr class="odd">
-<td align="center"><a
-| href="//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/" alt="lien vers l'exemple"><img src="img/mvtretrograde.png" alt="Image de l'exemble" style="width: 300px;"/></a></td>
-<td align="left">Animation avec le <em>player</em> <code>SVGPlayerButtons</code> et une factorisation avec MetaPost du matériel qui se répète sur chaque image. Le fond est mis en <em>background</em> de la balise englobante, permettant ainsi d'alléger l'animation.</td>
-</tr>
-</tbody>
-</table>
+<div class="row">
+<pre><code>&lt;div class=&quot;col-md-4&quot;&gt;
+    &lt;a href=&quot;//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/&quot;
+        alt=&quot;lien vers l&#39;exemple&quot;&gt;&lt;img src=&quot;img/mvtretrograde.png&quot;
+            alt=&quot;Image de l&#39;exemble&quot; style=&quot;width: 100%;&quot;/&gt;&lt;/a&gt;</code></pre>
+</div>
+<pre><code>&lt;div class=&quot;col-md-8&quot;&gt;
+    Animation  avec le *player* `SVGPlayerButtons` et une factorisation
+        avec MetaPost du matériel qui se répète sur chaque image. Le fond
+            est mis en *background* de la balise englobante, permettant ainsi
+                d&#39;alléger l&#39;animation.</code></pre>
+</div>
+</div>
 </div>
 <div id="tdm-doc" class="tdm-loc">
   <div id="tdm-titre">SVGAnimation (documentation)</div>

diff --git a/doc/page.md b/doc/page.md
index bdb3807..e5d86ef 100644 (file)
--- a/doc/page.md
+++ b/doc/page.md
@@ -376,7 +376,16 @@ Le fichier `SVGPlayerOne.js` est fourni à la racine du projet SVGAnimation.
 
 ## Exemples d'utilisation
 
-|                                                 |       |
-| :---------------------------------------------: | :---- |
-| <a
-| href="//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/" alt="lien vers l'exemple"><img src="img/mvtretrograde.png" alt="Image de l'exemble" style="width: 300px;"/></a>  | Animation  avec le *player* `SVGPlayerButtons` et une factorisation avec MetaPost du matériel qui se répète sur chaque image. Le fond est mis en *background* de la balise englobante, permettant ainsi d'alléger l'animation. |
+<div class="row">
+    <div class="col-md-4">
+        <a href="//melusine.eu.org/syracuse/G/svganimation-exemples/mvtretrograde/"
+            alt="lien vers l'exemple"><img src="img/mvtretrograde.png"
+                alt="Image de l'exemble" style="width: 100%;"/></a>
+</div>
+    <div class="col-md-8">
+        Animation  avec le *player* `SVGPlayerButtons` et une factorisation
+            avec MetaPost du matériel qui se répète sur chaque image. Le fond
+                est mis en *background* de la balise englobante, permettant ainsi
+                    d'alléger l'animation.
+</div>
+</div>