Bootstrap 3 grille de changement de classe visible-xs

Ceci est mon code html pour le moment. Chaque fois que je le vois sur un écran plus petit, plutôt que d'apparaître à l'extrême droite comme il devrait selon le col, il apparaît au centre de l'écran.Bootstrap 3 grille de changement de classe visible-xs

<div class='row visible-xs-block'> 
    <div class='col-xs-2 col-xs-offset-10'> 

    <h3>DFA Rice Blog</h3> 
    <h4><a href="archive">Archive</a></h4> 

    </div> 
</div>

Je suis à la recherche d'un moyen de résoudre ce problème

Source

2014-07-15 maclockard

En utilisant BS 3.1? ressemble à col-xs-offset-10 est rajouté sur 3.1 –

En utilisant 3.2, j'ai utilisé col-xs-offset-10 ailleurs très bien – maclockard

Essayez d'utiliser pull-right au lieu de l'offset. –

Comme il a été suggéré par Shawn, il est préférable d'utiliser il suffit de tirer à droite et définir votre colonne la longueur que vous voulez au lieu d'essayer de jouer avec un décalage. Quelque chose comme ceci devrait fonctionner parfaitement:

<div class='row visible-xs-block'> 
    <div class='col-xs-12'> 
     <div class="pull-right"> 
      <h3>DFA Rice Blog</h3> 
      <h4><a href="archive">Archive</a></h4> 
     </div> 
    </div> 
</div>

Source

2014-07-15 14:47:59 c0r3yz

Toujours ne semble pas bien jouer avec le système de bootstrap col pour une raison quelconque. Mon code fonctionne, mais seulement dans Firefox. en chrome et safari, il se décompose – maclockard

Pouvez-vous jeter un jsbin ou jsfiddle avec votre code qui le démontre? En utilisant cet exemple avec bootstrap de base, cela fonctionne pour moi. Il est probable que quelque chose d'autre que vous avez peut interférer ... – c0r3yz

Je ne suis pas sûr que je devrais aller jusqu'à dire que c'est "le meilleur", était juste jeter une idée. Son code * devrait * fonctionner tel quel, donc je suis d'accord qu'un jsfiddle ou bootply montrant l'erreur serait très utile. –

Bootstrap 3 grille de changement de classe visible-xs

Répondre

Questions connexes