부트스트랩 기본 예제

Количество просмотров: 88

Автор Antonenko Andrii в . Опубликовано Без рубрики

페이지 응답성을 완전히 비활성화할 수 있습니다. 이것은 기본적으로 부트 스트랩의 «모바일 사이트»측면을 비활성화합니다. 응답성을 사용하지 않도록 설정하면 고정 탐색 모음과 같은 고정 너비 구성 요소가 페이지 콘텐츠보다 좁아지면 표시되지 않습니다. 응답하지 않는 컨테이너의 경우 너비가 970px임을 의미합니다. 또한 이 경우 탐색 모음은 나중에 설명한 대로 모바일 보기에서 축소되지 않습니다. 컴파일되고 축소된 CSS 및 JavaScript 파일로 /dist/ 디렉토리를 재생성합니다. 부트스트랩 사용자로서 일반적으로 원하는 명령입니다. 우리의 부트 스트랩.bundle.js와 부트 스트랩.bundle.min.js 포퍼를 포함, 하지만 jQuery. 부트스트랩에 포함된 내용에 대한 자세한 내용은 콘텐츠 섹션을 참조하십시오. 이 응답성은 장치 또는 뷰포트의 크기에 따라 최대 12개의 열을 적절하게 확장할 수 있는 유체 부트스트랩 그리드 시스템을 사용하여 달성됩니다. 그리드는 레이아웃에 구조를 제공하여 콘텐츠 정렬 및 여백 적용에 대한 수평 및 수직 지침을 정의합니다. 또한 그리드는 왼쪽에서 오른쪽으로 쉽게 따라가거나 페이지 아래로 이동하는 콘텐츠의 오른쪽에서 왼쪽 흐름이 있기 때문에 시청자에게 직관적인 구조를 제공합니다.

그리드 이전과 CSS가 매우 강력하기 전에는 테이블을 사용하여 그리드 기반 레이아웃을 달성했으며, 여기서 테이블 셀 내부에 콘텐츠가 배치됩니다. CSS가 성숙해짐에 따라 그리드 기반 레이아웃에 대한 여러 CSS 프레임워크가 나타나기 시작했습니다. 여기에는 YUI 그리드, 960 GS 및 청사진이 포함됩니다. 이 구조는 zip 아카이브에서 나온 것과 똑같이 Bootstrap 파일을 포함하거나 프로젝트에 더 잘 맞는 경우 이러한 파일을 재배열하고 원하는 곳에 배치할 수 있으므로 프로젝트의 파일 구조에 쉽게 통합할 수 있습니다. 글리피콘 글꼴 폴더가 CSS 폴더와 동일한 수준에 있는지 확인하십시오. 자세한 내용은 전체 부트스트랩 라이센스가 프로젝트 리포지토리에 있습니다. 2011 년 오픈 소스 출시 후, 부트 스트랩은 매우 빠르게 인기를 끌었다, 그리고 이유없이. 그것은 유연하고 작업하기 쉽기 때문에 웹 디자이너와 부트 스트랩 같은 웹 개발자. 그것의 주요 장점은 디자인에 의해 응답, 그것은 넓은 브라우저 호환성을 유지, 그것은 재사용 가능한 구성 요소를 사용 하 여 일관 된 디자인을 제공 합니다., 그리고 그것은 매우 사용 하기 쉽고 배울 빠른.

그것은 자바 스크립트를 사용하여 풍부한 확장성을 제공합니다, jQuery 플러그인과 프로그래밍 자바 스크립트 API에 대한 기본 제공 지원과 함께 제공. 부트 스트랩은 모든 IDE 또는 편집기, 그리고 모든 서버 측 기술 및 언어와 함께 사용할 수 있습니다, ASP.NET PHP에 루비 온 레일에. 먼저 Bootstrap은 ,