<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <div class="table-responsive"> <table class="table table-bordered table-condensed table-responsive"> <thead> <tr style="font-weight: bold;"> <th class="col-md-3" colspan="1"></th> <th colspan="8" class="text-center active">Formes de visages</th> </tr> <tr style="font-weight: bold;"> <th></th> <th class="text-center">Rond</th> <th class="text-center">Ovale</th> <th class="text-center">Carré</th> <th class="text-center">Rectangle</th> <th class="text-center">Oblong</th> <th class="text-center">Diamant</th> <th class="text-center">Triangle</th> <th class="text-center">Triangle inversé</th> </tr> </thead> <tbody> <tr> <td>F et B presque identiques</td> <td class="success text-center">x</td> <td class="success text-center">x</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>F plus petit que B</td> <td> </td> <td> </td> <td> </td> <td class="success text-center">x</td> <td class="success text-center">x</td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>F plus grand que B</td> <td> </td> <td> </td> <td class="success text-center">x</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>C, D et E presque identiques</td> <td class="success text-center">x</td> <td> </td> <td class="success text-center">x</td> <td class="success text-center">x</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>C et D plus grands que E</td> <td> </td> <td class="success text-center">x</td> <td> </td> <td> </td> <td class="success text-center">x</td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td>D plus grand que C et E</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="success text-center">x</td> <td> </td> <td> </td> </tr> <tr> <td>C plus grand que D qui est plus grand que E</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="success text-center">x</td> <td> </td> </tr> <tr> <td>E plus grand que D qui est plus grand que C</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td class="success text-center">x</td> </tr> </tbody> </table> </div> </div> </div>