Comment choisir le conteneur de 960px de large et de ne pas 1200px dans le Bootstrap

Comment choisir le conteneur 960px de large et de ne pas 1200px dans le Bootstrap?

  • Êtes-vous à l'aide de bootstrap 2 ou bootstrap 3?
InformationsquelleAutor Marco Gurnari | 2012-12-20
  1. 5

    Voulez-vous simplement d'un site à largeur fixe? Si oui, alors ensuite il suffit de ne pas inclure bootstrap-responsive.css. La largeur par défaut pour une largeur fixe conteneur sera 960px.

    Sinon, si vous voulez toujours la réponse de fonctionnalités mais pas de 1200px récipient que vous aurez besoin pour personnaliser le fichier de démarrage de l'installation. Pour ce faire:

    • Aller à http://twitter.github.com/bootstrap/customize.html
    • En vertu de la réactivité de la section de décocher la case "Grands bureaux (>1200px)"
    • Au bas de la page, Cliquez sur "personnaliser et télécharger" pour obtenir votre coutume bootstrap
    • Je ne comprenais pas, parce que si je personnaliser le téléchargement comme vous le dites, je n'ai pas télécharger le document bootsrap réactif. C'est normal?
    • ouais. son amende. la réactivité des éléments sont ajoutés à l'amorçage.css et bootstrap.min.les fichiers css. Si vous remplacez tous ces fichiers avec tous les anciens fichiers que vous avez eu, vous devriez obtenir le résultat souhaité.
    • Vous êtes très aimable de m'expliquer, mais apparemment il ne fonctionne pas 🙂 j'ai remplacer le fichier que j'ai téléchargé bootsrap et, en fait, le conteneur est redimensionné à 960px Mais le site n'est plus sensible encore merci
    • c'est bizarre....... Une autre option est d'avoir vos anciens fichiers et d'effacer tout le contenu @media (min-width: 1200px) à partir du bootstrap et bootstrap-responsive css fichiers, je n'avais pas essayé de le personnaliser bootstrap chose moi-même et suppose que ça marcherait bien.. mais je ne pense pas.
    InformationsquelleAutor hajpoj
  2. 9

    Bootstrap jeux de conteneur largeur de 1170px sur des écrans plus larges que 1200px.

    Pour les écrans de 992px à 1200px de la largeur du conteneur est mis à 970px.
    Vous pouvez en lire plus à propos de "bootstrap" de la grille de ici

    Maintenant, si vous souhaitez définir un conteneur de 760px pour les grands écrans, vous devez localiser ce et de modifier dans le bootstrap.css ou ajouter ce code dans votre css personnalisé:

    @media (min-width: 1200px) {
  .container {
    width: 960px;
   }
}

    et

    @media (min-width: 992px) {
  .container {
    width: 960px;
   }
 }

    Espère que cette aide

    InformationsquelleAutor calofanas
  3. 1

    Cela fonctionne pour moi.

    !l'important n'est pas recommandé d'utiliser.
    mais vous pouvez essayer.

    .conteneur .conteneur de fluide{ 
width: 960px !important; 
}
    InformationsquelleAutor Surinder ツ
  4. 0

    Pour Bootstrap3, vous pouvez le personnaliser pour obtenir 960px par défaut (http://getbootstrap.com/customize/)

    1. modification @conteneur-lg de ((1140px + @grille-gouttière de la largeur)) à ((940px + @grille-gouttière de la largeur)).
    2. modification @grille-gouttière de la largeur de 30px de 20px.

    ensuite télécharger votre version personnalisée de bootstrap et de l'utiliser. Il convient de 960px par défaut maintenant.

    InformationsquelleAutor Henry Neo
  5. 0

    Si vous utilisez sass et bootstrap v3.3.1, il suffit de définir ces variables avant l'importation de bootstrap:

    $grid-gutter-width: 20px;
$container-large-desktop: 940px + $grid-gutter-width;

    Pour plus d'informations s'il vous plaît vérifier les variables fichier source:
    https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss

    InformationsquelleAutor Yura Loginov