Présentation de role='form' et des rôles dans BootStrap-PHP开发-php.cn

Présentation de role='form' et des rôles dans BootStrap

高洛峰

Libérer： 2016-12-28 13:12:29

original

1603 Les gens l'ont consulté

1. Dans le dictionnaire informatique Turing anglais-chinois :

role

n. rôle (tâche) ;

2. form";

les attributs du formulaire, similaires aux outils auxiliaires, peuvent être utilisés pour convertir des rôles;

role="form" définit les éléments du formulaire à utiliser dans les rôles de fonction du formulaire;

3 , il y a d'autres cas ci-dessous :

Eg1:<div role="button"></div> ，把div元素转换为button按钮功能使用；
Eg2:<div role="navigation"></div>，把div元素转换为navigation导航功能使用；
Eg3:<div role="checkbox" aria-checked="checked"></div>，把div元素转换为checkbox复选框功能使用；
Eg4:<a role="button" class="btn btn-default" href="#" >链接</a>，把a链接元素转换为button按钮功能使用。

Copier après la connexion

PS : La signification de col-xs-*, col-sm-*, col-md-* dans le système de clôture bootstrap css

Résumé : La signification de col-xs-*, col-sm-*, col-md-* dans le système de clôture bootstrap css : .col-xs-* téléphone mobile à écran ultra-petit (768px), .col -sm-* tablette petit écran ( ≥768px),.col-md-*Moniteur de bureau à écran moyen

Tout d'abord :

1. col-colonne

2. xs-maxsmall, ultra-small ; sm-small, small ; md-medium, medium ;

3. -* signifie occuper des colonnes, c'est-à-dire occuper le rapport du système de grille automatique à 12 colonnes ; ;

4. col-xs-*Téléphone portable super petit écran (<768px),

.col-sm-*Tablette petit écran (≥768px),

.col-md-*Moniteur de bureau à écran moyen (≥992px)(Paramètres de grille).

5. Quel que soit le type d'écran sur lequel il se trouve, le système de grille divisera automatiquement les paramètres selon les col-xs. -* et col-sm-* et col-md-* en 12 colonnes Indique le nombre de colonnes occupées par le div dans l'écran actuel. Par exemple

La position de ce div sur l'écran est : .col-xs-6 occupe 6 colonnes sur un écran ultra-petit, soit la moitié de l'écran (6/12), .col-md-3 occupe 3 colonnes dans l'écran de la voie médiane, soit 1/4 (3/12).

6. Inversement, si on veut afficher 3 divs côte à côte sur le petit écran (12/3 = 4 colonnes), alors col-xs-4 affichera 6 divs (12/6=2) colonnes), puis col-md-2; De cette façon, nous pouvons contrôler la composition souhaitée.

Pour plus d'aperçu de role="form" et des articles liés aux rôles dans BootStrap, veuillez prêter attention au site Web PHP chinois !