- 강사: 안드레아 노이만
- 강좌: 23
- 학생들: 1454
- 런닝타임: 10 주
부트스트랩은 더 빠르고 쉬운 웹 개발을 위해 가장 널리 사용되는 프론트엔드 프레임워크입니다. 여기에는 타이포그래피, 양식, 버튼, 테이블, 탐색, 모달, 이미지 캐러셀 및 기타 여러 가지를 위한 HTML 및 CSS 기반 디자인 템플릿과 선택적 JavaScript 플러그인이 포함됩니다. 또한 부트스트랩은 소형 휴대폰에서 대형 데스크탑에 이르기까지 모든 장치에서 잘 보이도록 자동으로 조정되는 반응형 디자인을 쉽게 생성할 수 있는 기능을 제공합니다.
절차
부트스트랩은 HTML5 문서 유형이 필요한 HTML 요소 및 CSS 속성을 사용하므로 페이지 시작 부분에 올바른 문자 세트와 함께 HTML5 문서 유형을 포함해야 합니다.
부트스트랩은 모바일 장치에 반응하도록 설계되었습니다. 적절한 렌더링 및 터치 확대/축소를 보장하려면 HTML 헤드 요소 내부에 다음 태그를 추가하세요.
용기
부트스트랩에는 사이트 콘텐츠를 래핑하는 자체 래퍼가 있습니다.
컨테이너 클래스는 반응형 고정 너비 컨테이너를 제공합니다.
container-fluid 클래스는 뷰포트의 전체 너비에 걸쳐 있는 전체 너비 컨테이너를 제공합니다.
다른 용기 안에 용기를 넣을 수 없습니다.
그리드 시스템
부트스트랩의 그리드 시스템은 페이지의 전체 너비를 12개의 동일한 열로 나눕니다. 열을 그룹화하여 더 넓은 열을 만들거나 개별적으로 사용할 수 있습니다. 이 그리드 시스템은 반응형이며 열은 화면 크기에 따라 자동으로 다시 정렬됩니다.
1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 | 1 칼라 |
2 칼라 | 2 칼라 | 2 칼라 | 2 칼라 | 2 칼라 | 2 칼라 | ||||||
3 칼라 | 3 칼라 | 3 칼라 | 3 칼라 | ||||||||
4 칼라 | 4 칼라 | 4 칼라 | |||||||||
6 칼라 | 6 칼라 | ||||||||||
12 칼라 |
그리드 클래스
부트스트랩 그리드 시스템에는 XNUMX가지 클래스가 있습니다.
xs(휴대전화용)
sm(태블릿용)
md(데스크톱용)
lg(대형 데스크탑용)
위의 클래스를 결합하여 보다 동적이고 유연한 레이아웃을 만들 수 있습니다.
기본 구조
1. 래퍼를 만듭니다.
2. 래퍼의 패딩 속성을 무효화하는 행을 만듭니다.
3. 필요에 따라 xs 또는 sm 또는 md 또는 lg의 div를 만듭니다. 개인적으로 md가 모든 장치에서 가장 잘 작동하기 때문에 선호합니다.
4. 각 행 내의 열 값의 총 수는 12까지 합산되어야 합니다.
...
무료 인증
Academy Europe은 공인 온라인 과정의 공식 증빙 및 인정인 고품질 공식 졸업장, 인증서 및 전자 인증서를 제공합니다. 모든 학생의 학습 능력 및 높은 결과 달성 능력을 보여주며 이력서, 입사 지원서 및 자기 개선을 포함하여 개인 경력을 증진하는 데 매우 유용합니다.
Academy Europe에서 수료증을 받으려면 어떻게 해야 합니까?
- 코스를 마친 후에는 코스의 모든 수업이 끝날 때 "완료" 링크를 클릭해야 합니다.
- 물론 모든 수업을 마치면 마지막 수업이 끝날 때 "과정 끝내기" 링크가 활성화됩니다.
- "과정 끝내기" 링크를 클릭하면 공식적으로 Academy Europe에서 과정을 마칠 수 있습니다. 그러면 수료한 과정의 "인증서" 페이지가 자동으로 활성화됩니다.
- "인증서" 링크를 클릭하면 온라인으로 인증서를 보고 다운로드할 수 있습니다.
샘플: 수평 디플로마 – 수평 인증서 – 수직 전자 인증서
오디언스 (Audience)
이 튜토리얼은 인간의 컴퓨터 상호작용을 직업의 다음 단계로 기꺼이 받아들이고자 하는 사용자를 위해 만들어졌습니다.
Academy Europe의 이 과정은 학생들에게 양질의 교육과 훈련을 제공하는 것을 목표로 합니다.
Academy Europe은 학생, 특정 학습 요구 사항 및 전반적인 학습 성공에 전념합니다.
이 과정은 학생 중심의 독립적인 학습, 비동기식 학습 접근 방식을 지향합니다.
Academy Europe에서 이 과정을 마친 학생들은 자신의 경력에서 자기 계발과 승진을 얻게 됩니다.
이 과정은 오디오 및 영상, 비디오, 구두 프레젠테이션 및 기사를 통해 사용자에게 제공되는 최소 두 가지 학습 기술을 기반으로 하며 모두 원격 교육 접근 방식과 동기화됩니다.
사전 조건
그래픽 사용자 인터페이스, 객체 지향 프로그래밍, 소프트웨어 도구 및 메뉴에 대한 기본 지식은 이 튜토리얼의 유일한 전제 조건입니다.
아카데미 유럽에서 이 과정을 진행하기 전에 우리는 당신이 좋은 적성과 논리적으로 생각할 수 있다고 가정합니다. 당신은 다른 것을 시도하고 싶어해야합니다.
코스의 이상적인 후보자는 일반적으로 다음을 소유합니다.
– 규율과 세심함
– 연구를 수행할 수 있는 능력
– 신속하고 효율적이며 정확하게 작업을 수행할 수 있는 능력
– 분석적 판단
– 기술/과학적 데이터 해석에 대한 인내심
– 배우고자 하는 의지, 팔을 걷어붙이고 꿈을 향해 노력하는 자세!
– 컴퓨터, 태블릿 또는 스마트폰 및 인터넷 연결
– 기본적인 컴퓨터 기술