BootStrap의 role='form' 및 역할 역할 개요-PHP开发-php.cn

BootStrap의 role='form' 및 역할 역할 개요

高洛峰

풀어 주다： 2016-12-28 13:12:29

원래의

1603명이 탐색했습니다.

1. 영어-중국어 튜링 컴퓨터 사전에서:

role

Bootstrap 프레임워크에서는 role=" form";

보조 도구와 유사한 양식 양식 속성을 사용하여 역할을 변환할 수 있습니다.

role="form"은 양식 기능 역할에 사용할 양식 양식 요소를 정의합니다.

3 , 아래의 다른 경우도 있습니다:

PS: 부트스트랩 펜스 시스템 CSS에서 col-xs-*, col-sm-*, col-md-*의 의미

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

로그인 후 복사

요약: 부트스트랩 펜스 시스템 CSS에서 col-xs-*, col-sm-*, col-md-*의 의미: .col-xs-* 초소형 화면 휴대폰(768px), .col-sm-* 소형 화면 태블릿(≥768px),.col-md-*중형 화면 데스크탑 모니터

우선:

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

3. -*는 자동 12열의 비율을 차지함을 의미합니다. 그리드 시스템

4. col-xs-*super 소형 화면 휴대폰(<768px),

.col-sm-*소형 화면 태블릿(≥768px),

.col-md-*중형 화면 데스크탑 모니터(≥992px)(그리드 매개변수).

5. 어떤 화면에 있든 그리드 시스템은 자동으로 col에 따라 매개변수를 나눕니다. -xs-* 및 col-sm-* 및 col-md-*를 12개 열로 나누어 현재 화면에서 div가 차지하는 열 수를 나타냅니다. 예를 들어

화면에서 이 div의 위치는 다음과 같습니다. .col-xs-6은 초소형 화면에서 6개의 열을 차지합니다. 화면(6/12)의 .col-md-3은 중간 차선 화면에서 3개의 열, 즉 1/4(3/12)을 차지합니다.

6. 반대로 작은 화면에 3개의 div를 나란히 표시하려면(12/3 = 4열) col-xs-4는 6개의 div를 표시합니다(12 /6=2). 열), col-md-2 이런 방식으로 원하는 조판을 제어할 수 있습니다.

BootStrap의 role="form" 및 역할 관련 기사에 대한 자세한 개요를 보려면 PHP 중국어 웹사이트에 주목하세요!