2014-05-04 6 views
1

Est-ce que quelqu'un sait quelle est la meilleure pratique pour démarrer un projet bootstrap?Démarrage du projet bootstrap 3?

Shall éléments Commençons par

col-md. *

ou

col-sm. *

exemple ce qui est pratice commun?

<div class="col-md-12"> 
</div> 

ou

<div class="col-sm-12"> 
</div> 

Répondre

1

Cela dépend de ce dispositif votre utilisation presque les utilisateurs.

  • Si votre utilisateur presque utiliser les smartphones, vous devez appliquer .col-xs-*
  • Si votre utilisateur presque utiliser des comprimés, vous devez appliquer .col-sm-*
  • Si votre utilisateur utiliser presque les ordinateurs portables, vous devez appliquer .col-md-*
  • Si votre utilisateur utiliser presque les ordinateurs portables/ordinateurs de bureau, vous devez appliquer .col-lg-*

Si vous ne savez pas quel appareil vos utilisateurs utilisent et vous savez la résolution d'écran, vous pouvez référencer la table:

  • Petite grille (de ≥768px) = .col-sm-*
  • grille moyenne (≥992px) = .col-md-*
  • grille Large (≥1200px) = .col-lg-*
0

Le démarrage d'un projet Bootstrap est mieux supporté en utilisant le code de github ou en le générant en utilisant votre IDE. Vos exemples sont tous deux valides: la seule différence est col-md-12 définit une grille de colonne avec une entrée de taille moyenne et une douzaine de colonnes et col-sm-12 fait exactement les mêmes douze colonnes, mais en petite taille.