Version imprimable
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,
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.
Merci pour votre réponse,
Je ne trouve pas que ça change grand chose, sur une petite résolution 340*480, ce n'est pas terrible je trouve.Citation:
Envoyé par rodolphebrd
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 ?) ?