containers
Containers
컨테이너에는 두 부분이 있습니다.
HTML 구조는 다음과 같습니다.
<div class = "컨테이너">
<div class = "헤더"> </div>
<div class = "왼쪽"> </div>
<div class = "Middle"> </div>
<div class = "right"> </div>
<div class = "바닥기"> </div>
</div>
그리고 CSS는 여기에서 다운로드해야합니다.
각 컨테이너 섹션에는 다른 컨테이너 또는 HTML 태그, 양식 또는 구성 요소가 포함될 수 있습니다.
컨테이너 내부에 구성 요소를 넣지 않아도 컨테이너 섹션에서 제외해야합니다.
각 컨테이너 섹션의 기본 크기는 다음과 같습니다.
- 헤더 : 너비 : 100%, 높이 : 10% - 왼쪽 : 너비 : 10%, 높이 : 80% - 중간 : 너비 : 80%, 높이 : 80% - 오른쪽 : 너비 : 10%, 높이 : 80% - 바닥 글 : 너비 : 100%, 높이 : 10%
클래스를 사용하여 이러한 기본 크기를 변경하거나 섹션이 표시되지 않도록하십시오.
어떤 섹션도 표시하지 않으려면 다음 클래스 중 하나를 사용하십시오. 없음 , W00 , H00 .
다른 폭을 정의하려면 W05 , W10 , W15 , W20 , W25 , W30 , W35 , W40 , W45 , W50 , W55 , W60 , W65 , W70 , W75 , W80 , W85 , W90 , W95 , W100 .
다른 높이를 정의하려면 H05 , H10 , H15 , H20 , H25 , H30 , H35 , H40 , H45 , H50 , H55 , H60 , H65 , H70 , H75 , H80 , H85 , H90 , H95 , H100 .
클래스의 숫자는 컨테이너 섹션 또는 div에 적용되는 백분율입니다.
컨테이너를 사용하면 원하는 레이아웃을 만들 수 있습니다.
컨테이너 사용 방법을 이해하려면 예제를 살펴보십시오.
컨테이너에는 많은 구성 요소가 있습니다. 그들 중 일부는 CSS를 사용하여 형식화되며 다른 일부는 JavaScript를 사용하여 스스로 행동을 구현합니다.
우리 구성 요소에 사용 된 아이콘은 Font Awesome 데스크탑 버전에서 가져 왔으며 다운로드에 포함되어 있습니다.
이 아이콘은 수동으로 이름이 이름이 바뀌어 "FA-"로 시작하여 독점의 속성 : Font Awesome으로 이름을 붙였습니다.
놀라운 테마를 만들고 저장소에 대한 컨테이너에 기여할 수 있습니다.
기부 (Patreon) 또는 제안서.
======================================================================================================== -지원되는 브라우저 (최소 버전) [호환성 : 2020-06-02에서 전 세계 중고 브라우저의 92.73%] : ---------------------------------------------------------------- 브라우저 : 버전 : 플랫폼 ---------------------------------------------------------------- - 크롬 : 49 : PC/Mac - 크롬 : 81 : 안드로이드 - 에지 : 16 : PC - 파이어 폭스 : 34 : PC/Mac - 파이어 폭스 : 68 : 안드로이드 - 오페라 : 36 : PC/Mac - 오페라 : 46 : iOS, Android (Opera Mobile) - 사파리 : 13.1 : Mac - 사파리 : 13.4 : iOS - 삼성 : 11.1 : 안드로이드 ---------------------------------------------------------------- - 지원되는 브라우저? [알 수없는 호환성 : 2020-06-02의 1.98%] : -UC 브라우저 : 12.12 : Android -지원되는 브라우저 없음 [호환되지 않음 : 2020-06-02에서 2.70%] : - 즉 - 오페라 미니 - QQ 참고 : 최소 버전은 https://caniuse.com에서 가져 왔습니다 우리가 사용하는 CSS 기능을 찾고 있습니다. ========================================================================================================
