2012-11-18 6 views
0

J'ai créé une page web en utilisant la grille bootstrap. Cette page est rendue parfaitement, comme prévu, quand je viens de l'ouvrir avec un navigateur. Le conteneur dans bootstrap est plus petit que l'écran, tout est parfait. MAIS, si je rend exactement la même page qu'une application.html.erb mise en page dans les rails, il envoie toujours ce message au navigateur: @media (min-width: 1200px). Cela rend ma page un peu plus grande que mon écran. Le reste va bien. Bootstrap fonctionne mais la largeur du conteneur est trop grande! Dans la page normale, c'est 960px, ce qui est parfait!Bootstrap a un comportement différent en html simple et rails

Pourquoi?

Je ne veux pas que cela arrive! C'est vraiment bizarre. J'ai lu quelques articles où les gens disent que ça leur est arrivé, mais j'ai les deux pages côte à côte et "inspect element" montre @media (min-width: 1200px) dans le css de la classe "row" dans la page rails et rien dans l'autre! Je ne suis absolument pas prêt à pirater le bootstrap CSS. Je voudrais juste comprendre ce qui se passe et le réparer! Je voudrais vraiment l'utiliser comme une feuille de style et non comme une gemme ...

merci beaucoup d'avance!

PS: En rails, j'ai copié le dossier d'amorçage dans mon/assets/stylesheets/répertoire

+0

Vous allez avoir besoin de nous montrer la page html ordinaire, la rails layout fichier (et peut-être la source HTML rendue pour les deux?), et le manifeste des feuilles de style. Sans voir que nous ne serons pas en mesure d'aider ... –

+0

le fera très bientôt! Merci à ce sujet! – iceiceice

Répondre

1

Que diriez-vous d'ajouter votre propre style dans le fichier 'bootstrap_and_overrides.css.less' (ou tout autre vous avoir)? Dans mon propre CSS, j'ai ceci:

.container { 
    width: 960px; 
} 

et le problème est résolu. :)

+0

cela a fonctionné, merci paola! – iceiceice

Questions connexes