Mauvais affichage sur mobile, votre aide souhaitée.

bonjour,
Alors voila l'affichage de ma page (site bootstrap 4) est correcte en version PC/tablette
mais pas sur mobile. Bootstrap empile les colonnes sur mobile mais cela n'est pas visualisable.

Auriez vous une idée pour conserver l'affichage en mode paysage sur mobile ou pour bloquer ce même mode paysage ?

Voici le code :

<div class="container-fluid">
<div class="col-lg-10 col-md-10 mx-auto">
<div style="background-color: #7E0219; color: bisque;">
<div id="displayscore1"></div>
<HR>
<div id="displayscore2"></div>
<HR>
</div>
</div>
</div>

voici l'affichage sur pc :


voici l'affichage sur mobile:


merci d'avance pour votre aide .

Yo,

Je pense que la réponse est dans la documentation officielle:

https://getbootstrap.com/docs/4.0/layout/grid/

merci pour votre réponse, mais je ne suis pas plus avancé.

Avant tout, as tu pensé à insérer dans le head de ton fichier la balise viewport, par exemple :

<meta name="viewport" content="width=device-width, initial-scale=1.0">