Bootstrap 3 col-sm-offset-x affecte à la col-md-x de la structure

J'ai ce code <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs"> et bootstrap est de rendre le décalage vers le col-md-12 trop, je vérifie le code et je n'ai aucune idée de pourquoi cela se passe, je pense que ce n'était pas le cas avant, mais je dois revenir a beaucoup d'étapes dans le code peut-être au point, c'est de travailler et de rien.

Si je supprime le décalage qu'il fonctionne comme le suppose...mais je n'ai pas le décalage sur les petites résolutions.

Ceci est la page où vous pouvez voir le problème: Page de Test

Est le bloc où il met "Especial 52º Aniversario"

Merci pour l'aide, est me rend fou

  • ce numéro de ligne de votre code source, pensez-vous est la cause de l'erreur?
  • Celui que j'ai mis dans le message "div class="col" col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">" pour une raison grande résolution est d'appliquer le décalage que j'ai mis sur les petites res.
InformationsquelleAutor amibumping | 2014-05-24
  1. 68

    Le décalage s'applique à partir de sm tout le chemin jusqu'à la taille maximale. Pour l'arrêter, ajouter dans col-md-offset-0 pour éviter le décalage à appliquer à de plus grandes tailles.

    • OUI!!! MERCI beaucoup! Je ne savais pas, je pense que l'info n'est pas sur le bootstrap, documentation, mais merci 🙂
    • C'est dans les docs. À partir de getbootstrap.com/css/#grid : "classes de Grille s'applique à des dispositifs avec des largeurs d'écran supérieure ou égale au point d'arrêt de tailles et de remplacer la grille des classes ciblées sur des appareils plus petits. Par conséquent, l'application de toute .col-md - classe à un élément n'affecte pas seulement son style sur les appareils moyens, mais aussi sur les grands dispositifs de si un .col-lg - classe n'est pas présent."
    • Merci DavidG pour votre belle, claire et simple réponse
    InformationsquelleAutor DavidG
  2. 2

    Bootstrap 3 = premier Mobile.

    Tous les styles à appliquer dans le xs 'la taille de l'aire de répartition sera faite par les grandes "tailles", sauf si vous utilisez l'aide des utilitaires comme .visible-sm classe

    Si vous voulez avoir une colonne de décalage est visible au cours de la petite plage de seulement:

        <div class="row">
      <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">
        <div class="col-sm-1 visible-sm"><div>
        <div>
          ...continue your content
        </div>
    InformationsquelleAutor bob