Discussion :

[boboss123]

Bonjour,

J'ai mis en piece jointe ma page web qui pose problème (index.htm)

Dans la partie centrale, il y a une liste. Le problème est que quand je réduis trop ma fenêtre, les bloques de ma liste se superposent : comment résoudre le problème ?
=> c'est la première fois que j'utilise bootstrap, je suis peut-être partie dans la mauvaise direction (est-ce bien d'utiliser une liste pour faire ce genre de chose ?) ...

merci d'avance,

[rodolphebrd]

Votre démarche me parait bonne.

Quand votre fenêtre devient trop petite (iphone) il y a effectivement un chevauchement (pas choquant du reste).
Vous pouvez donnez un min-width de 80px à ".customList > li > .customList-title "
et de manière optionnelle en définissant un point de rupture par effectuer ladite modification.

[boboss123]

Merci pour votre réponse,

Vous pouvez donnez un min-width de 80px à ".customList > li > .customList-title "

Je ne trouve pas que ça change grand chose, sur une petite résolution 340*480, ce n'est pas terrible je trouve.

J'ai donc essayé de m'inspirer du code de bootstrap pour la partie "responsive" en découpant ma colonne en 10 sous colonnes => voir fichier joint.
C'est beaucoup mieux pour les basses résolutions mais j'ai un problème sur des résolutions intermédiaires (largeur comprise entre 768px et 979px) : en fait, faudrait pouvoir virer les marges gauche et droites qui servent a rien mais je ne vois pas comment faire ça de manière propre.

=> Vous pensez que je suis parti dans la bonne direction (ce n'est pas une usine à gaz ?) ?