Heim > php教程 > PHP开发 > Übersicht über Role='form' und Rollenrollen in BootStrap

Übersicht über Role='form' und Rollenrollen in BootStrap

高洛峰
Freigeben: 2016-12-28 13:12:29
Original
1653 Leute haben es durchsucht

1. Im Englisch-Chinesischen Computerwörterbuch:

Rolle (Aufgabe); form";

Formularattribute können ähnlich wie Hilfswerkzeuge zum Konvertieren von Rollen verwendet werden;

role="form" definiert das Formularelement, das in der Formularfunktionsrolle verwendet werden soll;

3, es gibt weitere Fälle unten:

PS: Die Bedeutung von col-xs-*, col-sm-*, col-md-* im Bootstrap-Fence-System-CSS

Zusammenfassung: Die Bedeutung von col-xs-*, col-sm-*, col-md-* im Bootstrap-Fence-System-CSS: .col-xs-* Mobiltelefon mit ultrakleinem Bildschirm (768 Pixel), .col-sm-* Tablet mit kleinem Bildschirm (≥768px), .col-md-*Desktop-Monitor mit mittlerem Bildschirm
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按钮功能使用。
Nach dem Login kopieren

Zuerst:

1. col-column; 🎜>2. xs-maxsmall, ultra-small; md-medium, medium;

3 Rastersystem;

4. col-xs-*super Mobiltelefon mit kleinem Bildschirm (<768px),

.col-sm-*Tablet mit kleinem Bildschirm (≥768px),

.col-md-*Desktop-Monitor mit mittlerem Bildschirm (≥992px)( Rasterparameter).

5. Unabhängig von der Art des Bildschirms teilt das Rastersystem die Parameter automatisch nach Spalte -xs-* und col-sm-* und col-md-* in 12 Spalten Gibt die Anzahl der vom div im aktuellen Bildschirm belegten Spalten an. Zum Beispiel

Die Position dieses Div auf dem Bildschirm ist: .col-xs-6 belegt 6 Spalten auf einem ultrakleinen Bildschirm, also die Hälfte des Bildschirms (6/12) belegt .col-md-3 3 Spalten im Mittelspurbildschirm, also 1/4 (3/12).

6. Wenn wir umgekehrt 3 Divs nebeneinander auf dem kleinen Bildschirm anzeigen möchten (12/3 = 4 Spalten), dann zeigt col-xs-4; 6 Divs (12 Spalten) an großer Bildschirm /6=2 Spalten), dann col-md-2; Auf diese Weise können wir den gewünschten Schriftsatz steuern.

Weitere Übersichten über „role="form"“ und rollenbezogene Artikel in BootStrap finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage