BootStrap での role='form' と role ロールの概要

1. 英語-中国語チューリングコンピュータ辞書:

role(タスク)

2. ブートストラップフレームワークでは、role="form";ロールの使用法を変換します。

role="form" は、フォーム関数のロールとして使用されるフォーム要素を定義します。

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按钮功能使用。

PS: ブートストラップ フェンスのcol-xs-*、col-sm。システム CSS -*,col-md-* の意味

要約: ブートストラップ フェンス システム CSS における Col-xs-*,col-sm-*,col-md-* の意味: .col-xs-*ultra -小型画面携帯電話 (768px)、.col-sm-* 小型画面タブレット (≥768px)、.col-md-* 中画面デスクトップモニター

まず第一に:

1、col-column

2 、xs-maxsmall、超小型、md-medium、medium

3. -* は、自動 12 列グリッド システムの比率を示します。 -* 超小型画面の携帯電話 (

.col-sm-* 小型画面のタブレット (≥768px)、

.col-md-* 中画面のデスクトップ モニター (≥992px) (グリッド パラメーター)

5. 上記の画面の種類に関係なく、グリッド システムは自動的に 12 列に分割し、col-sm-* とcol-md-* の後に番号を示すパラメーターが続きます。現在の画面で div が占める列の数。例:

6. 逆に、小さな画面 (12/3 = 4 列) に 3 つの div を並べて表示したい場合、col-xs-4; は 6 つの div (12/6 = 4 列) を表示します。大画面 2 列)、次に、col-md-2; このようにして、必要な組版を制御できます。

role="form" の概要と、BootStrap のロール関連の記事については、PHP 中国語 Web サイトに注目してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。