div.row un peu trop large
En utilisant le shortcode thumbnail2, le bloc généré prend un peu plus que la largeur de la page. J'obtiens une scrollbar horizontale, mais le contenu des colonnes est à la bonne taille (il y a comme 20px de blanc en plus à droite).
Je reproduis le même problème (firefox & chrome) en simplifiant à l'extrême, sans le thumbnail, avec juste
<div class="row">
<p>...</p>
</div>
Pourtant il y a d'autres row dans la page (jumbotron, titre...) qui ne posent pas de problème.
La seule différence que je vois c'est que dans cette partie de la page il n'y a pas de <div class="container">
autour du row.
J'ai pu corriger le problème en ajoutant au CSS
.row { max-width: 100%; }
Edit: je vois que le problème est connu, et lié au container : https://www.dvdheiden.nl/2013/12/bootstrap-3-row-class-causes-horizontal-scrollbar/
Mais si je rajoute manuellement un div autour du shortcode, il n'est plus interprété.
Autre petit problème : le thumbnail ne se centre pas dans sa colonne, j'ai une petite marge à droite du dernier élément (4 colonnes col-md-3
), à priori le même espacement qui sépare les colonnes entre elles. L'élément tout à gauche est complètement collé au bord de l'écran.