Bonjour,

J'ai réalisé ce petit formulaire qui permet de calculer la densité énergétique d'un aliment pour chien ou chat : https://nutritools.fr/energy-calc/

J'utilise Bootstrap pour la mise en page. 

Sur mobile, les champs ne sont pas du tout responsive et apparaissent tous petits. Je comprends pas ce que j'ai oublié pour que ça fonctionne comme dans cet exemple - dans lequel il y a aucun CSS additionnel : https://bootstrap-top-design.com/demos/formulaire-bootstrap/bootstrap-v4-form.html

Merci d'avance pour votre éclairage

Lucien

Bonjour,

Tu utilises la version 5.2.3 de bootstrap et tu nous montre un exemple utilisant la version 4.6.1 ce n'est pas la même chose. Utilise la documentation officiel de bootstrap pour savoir si tu utilises les bonnes class.

Pour la version mobile tu as oublié la balise meta viewport. Lire :

• https://www.alsacreations.com/article/lire/1490-Comprendre-le-Viewport-dans-le-Web-mobile.html
• https://developer.mozilla.org/fr/docs/Web/HTML/Viewport_meta_tag
• https://developer.mozilla.org/fr/docs/Web/HTML/Element/meta