Update bootstrap to 4.0-beta

frontend/static/views/rules.html

@@ -1,12 +1,14 @@
-<div class="well well-lg text-indent">
+<div class="card-group">
+<div class="card">
+<div class="card-body text-indent">
   <h2>Débloquage des challenges</h2>
   <p>
     Au début, seul le premier challenge de chaque thème est
     accessible.  Les challenges de niveau supérieur sont débloqués en
     validant le challenge du niveau qui les précéde.
   </p>
-
   <hr>
+
   <h2>Le classement</h2>
   <p>
     Pour figurer dans le classement, il faut avoir réalisé au moins une action :
@@ -23,8 +25,6 @@
     Pour gagner des points, vous devez résoudre les challenges qui vous sont
     proposés. Plus l'exercice est compliqué, plus il rapporte de points.
   </p>
-  <div class="row">
-  <div class="col-sm-offset-3 col-sm-6">
   <table class="table table-condensed table-striped">
     <thead>
       <tr>
@@ -55,8 +55,6 @@
       </tr>
     </tbody>
   </table>
-  </div>
-  </div>
 
   <h3>Coût des indices</h3>
   <p>
@@ -65,14 +63,16 @@
     points, la valeur de points perdue est indiquée pour chaque indice.
   </p>
 
+</div>
+</div>
+<div class="card">
+<div class="card-body text-indent">
   <h3>Coût de soumission</h3>
   <p>
     Vous disposez de 9 tentatives pour trouver la/les solutions d'un
     challenge. Au delà, chaque tentative vous fait perdre une petite quantité
     de points comme suit :
   </p>
-  <div class="row">
-  <div class="col-sm-offset-2 col-sm-8">
   <table class="table table-condensed table-striped">
     <thead>
       <tr>
@@ -107,8 +107,6 @@
       </tr>
     </tbody>
   </table>
-  </div>
-  </div>
   <p>
     Par exemple :
   </p>
@@ -122,6 +120,7 @@
     La dernière soumission (lorsque tous les flags sont bons) est comptabilisée
     parmi ce nombre de tentatives.
   </p>
+  <hr>
 
   <h3>Bonus</h3>
   <p>
@@ -146,3 +145,5 @@
     thème"></span>
   </p>
 </div>
+</div>
+</div>