Twitter bootstrap - modification de la largeur par défaut

Je suis juste geting commencé avec twitter bootstrap et je voulais savoir quelle est la meilleure approche pour la modification de la largeur par défaut de 940px de 864px est. J'ai essayé d'utiliser la page de personnaliser pour changer le @gridColumnWidth variable à 50px. qui doit faire la largeur totale 820px mais la largeur par défaut est réglé à 1170px après le téléchargement. Dois-je simplement laisser la valeur par défaut à 940px et nest un div avec une largeur de 864px à l'intérieur de mon .ligne>.span12 divs?

J'ai aussi essayé d'utiliser le moins de fichiers, mais lorsque j'essaie de compiler, css fichiers, j'obtiens une erreur que de dire les classes, les id, et les variables ne sont pas définies.

Merci pour toute aide,

Jason

OriginalL'auteur neridaj | 2012-10-29

  1. 8

    Ça fonctionne pour moi, en utilisant le personnaliser la page.

    Assurez-vous de modifier @gridColumnWidth, @gridColumnWidth1200, et @gridColumnWidth768 (et éventuellement @gridGutterWidth*).

    Le 1170px de la largeur que vous voyez correspond à @gridColumnWidth1200.

    Merci, Sara, cela a fonctionné. Est-ce à cause des problèmes avec le réactif de styles?
    Je n'ai pas personnellement testé, mais j'imagine que cela fonctionnera très bien. Le Bootstrap devs sont assez bien maintenir le tout dynamique.
    Ce n'est plus disponible

    OriginalL'auteur Sara

  2. 1

    Vous pouvez remplacer les styles par défaut en plaçant un autre fichier CSS avec le même sélecteurs et la mise en forme souhaitée après bootstrap.css. Optionnellement, vous pouvez aussi simplement utiliser des sélecteurs avec une plus grande spécificité et puis l'ordre des fichiers ne sera pas pertinent. À l'aide de !important devrait être un dernier recours, car elle complique davantage de l'utilisation.

    OriginalL'auteur Matt Whipple