Comment désactiver la réactivité dans bootstrap3

Bootstrap3 interdit les méthodes de configuration réactives : 1. Supprimez la balise "" qui définit la fenêtre d'affichage du navigateur ; 2. Remplacez la largeur par défaut du cadre en définissant une valeur de largeur pour les paramètres de classe ".container". ; 3. Supprimez les comportements de pliage et d'expansion de toutes les barres de navigation.

Recommandé : "Tutoriel bootstrap"

Désactiver la mise en page réactive

Bootstrap vous aidera automatiquement à ajuster votre page pour différentes tailles d'écran afin qu'elle fonctionne bien sur les écrans de toutes tailles. Ci-dessous, nous indiquons comment désactiver cette fonctionnalité, comme dans cette page d'exemple de mise en page non réactive.

Les étapes pour désactiver la mise en page réactive sont les suivantes :

• Supprimez le paramètre de fenêtre d'affichage du navigateur (viewport) mentionné dans cette balise de document CSS : < ;méta>.

• Remplacez le paramètre de largeur par défaut du cadre en définissant une valeur de largeur pour la classe .container, telle que width: 970px !important; Assurez-vous que ces paramètres sont tous placés après le fichier CSS Bootstrap par défaut. Notez que vous pouvez également omettre !important si vous le mettez dans une requête multimédia.

• Si une barre de navigation est utilisée, vous devez supprimer le comportement de réduction et d'expansion de toutes les barres de navigation.

• Pour la disposition en grille, ajoutez des classes .col-xs-* supplémentaires ou remplacez .col-md-* et .col-lg-*. Ne vous inquiétez pas, le système de grille pour les appareils à écran ultra-petit peut être étendu à toutes les résolutions.

• Un fichier Respond.js supplémentaire doit encore être introduit pour IE8 (puisque la prise en charge par le navigateur de la requête multimédia (media query) est toujours utilisée, le traitement doit encore être effectué). Cela désactive la prise en charge de la réactivité de Bootstrap pour les appareils mobiles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!