Réglage de la largeur maximale pour le corps à l'aide de Bootstrap

Je suis en train de construire mon premier site avec Twitter Bootstrap et d'expérimenter avec les dispositions fluides. J'ai mis mon conteneur de fluide, maintenant le contenu à l'intérieur prend toute la largeur de la page et s'adapte comme je l'ai redimensionner le navigateur.

Le design, je suis en train de travailler sur a été créé pour une largeur maximale de ~950px.

J'ai vérifié variables.less et responsive.less, et le Bootstrap, documentation; je ne peux pas tout à fait comment pour que cela se produise.

J'ai aussi essayé d'ajouter ce qui suit à mon style.css:

body {
    max-width: 950px;
}
  • max-width: 950px; (côlon pas de signe égal)
  • Désolé! Mon erreur, je l'avais essayé avec les deux points, pas le signe égal. Fait l'erreur lors de l'écriture, ici, sur Stackoverflow. Édité le post pour refléter cette (laissez-moi savoir si c'est une mauvaise forme).
  • votre règle css qui fonctionne, ce qui est mal à cela? démo
  • Ok. Une nouvelle tentative. Ce n'était pas de travailler plus tôt, cependant, qui peuvent avoir été à certaines questions que je vais avoir avec MOINS d'/Espresso/Codekit. Mon MOINS de fichiers n'ont pas été de compiler correctement. Cependant, maintenant que cela fonctionne, body aligne à gauche au lieu de centre comme avant. Toutes les suggestions? J'ai essayé de réglage margin à auto pour la gauche et la droite.
  • Attendez, vous voulez que votre "conteneur" à être la largeur de 950px et non pas le document complet? Je suis confus, twitters non-récipient de liquide, c'est la largeur 940px par défaut, de sorte que ses dessous de votre contrainte.
  • Ma compréhension est que c'est mieux si le body a un max-width, juste au cas où je veux faire quelque chose à l'extérieur du récipient. De toute façon, le réglage de cela de côté, je fais face à un récipient de liquide. Lorsque j'ai mis mon conteneur de fluide, elle s'étend à l'ensemble de la largeur du corps. C'est pourquoi je suis en train de définir une largeur maximale pour le corps.
  • il suffit de retirer le support approprié requête qui traite de la délinquance de la largeur et vous devriez être ok, de printemps ou pour un conteneur.
  • Je ne suis pas sûr de comprendre comment les identifier ou de traiter avec les médias de la requête. Je sais que ça va être en responsive.de moins en moins. Je ne sais pas ce que je cherche ou quoi faire avec elle si.
  • modifier cette requête de média à l'intérieur de la responsive css pour la largeur que vous êtes à la recherche pour: @media (min-width: 768px) and (max-width: 979px) { .. }, dans votre cas, serait max-width:950px;.

InformationsquelleAutor Olly F | 2012-03-16