Le twitter bootstrap Y a-t-il un moyen facile pour remplacer la mise en page réactive de Bootstrap?
Vous pouvez le voir en action en clonant leur repo, ramifiant sur Merci d'avance! 2.0-wip branche sur GitHub comprend un nouveau système de mise en page réactif. C'est génial pour les applications qui ont besoin de ce niveau de réactivité, mais je développe une application Web uniquement qui doit avoir une disposition complètement fixe.
2.0-wip et ouverture docs / échafaudage.html dans votre navigateur.
3 Réponses :
Il suffit de supprimer les requêtes @media code> trouvées dans le fichier bootstrap.css code> fichier sur la ligne 2684 code>. Cela devrait éliminer toutes les qualités réactives et laisser juste la largeur de conteneur standard intacte. @media (min-width: 768px) and (max-width: 940px) { ..... }
Je pensais que ce serait aussi simple. La documentation a fait sembler comme si les requêtes @media n'étaient pas activées par défaut, mais c'est peut-être que c'est la intention qui n'a pas encore été mise en œuvre (c'est la branche WIP , après tout). Merci!
Remarque, en 2.0.1+, la réactivité a été déplacée dans son propre fichier. Il est donc désactivé par défaut. Pour vous allumer, vous incluez Bootstrap-Responsive.css ou réactif. http://twitter.github.com/bootstrap/scaffolding.html#responsive
Juste une note: dans mon cas, cela ne fonctionnerait pas comme ceci , je devais taper rel = "stylesheet / moins" au lieu de rel = "stylesheet" . Comme ceci .
Compilez simplement votre propre bootstrap personnalisée sur http://twitter.github.com/bootstrap/customize .html , non cantonnant les caractéristiques réactives.
Vous pouvez également inclure le fichier suivant à partir de bootstrapcdn: http : //netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap.min.css