J'ai eu une belle grille de 12 colonnes avec column-md-*
Des classes. Ensuite, j'ai décidé de rendre la page plus belle à la sm
taille, alors j'ai ajouté un peu column-sm-*
cours à mes divs.
Après cela, tout se comporte étrangement dans md
et lg
résolutions.
Voici le code: http://bootply.com/105536
Il y a deux rangées, l’une après l’ajout de classes sm et la deuxième avant, et elle a l’air correct pour les moyennes et grandes entreprises.
Pourquoi le sm
les classes ruinent la md
la grille?
Réponses:
1 pour la réponse № 1Les classes de grille s'appliquent aux appareils avec des largeurs d'écransupérieure ou égale à la taille des points d'arrêt et redéfinit les classes de la grille ciblées sur des périphériques plus petits. Par conséquent, l’application d’une classe .col-md à un élément affectera non seulement son style sur les périphériques de taille moyenne, mais également sur les périphériques de grande taille si une classe .col-lg n’est pas présente. http://getbootstrap.com/css/#grid
donc vous devez remplacer col-sm-offset-1
, comme
<div class="col-md-3 col-sm-6 col-sm-offset-1 col-md-offset-0">