> php教程 > PHP开发 > BootStrap의 role='form' 및 역할 역할 개요

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

高洛峰
풀어 주다: 2016-12-28 13:12:29
원래의
1615명이 탐색했습니다.

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 중국어 웹사이트에 주목하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿