부트스트랩 의 사용법

부트스트랩 이란? 트위터의 것
부트스트랩은 날렵하고 직관적이며 강력한 모바일 최초의 프런트 엔드 프레임워크로 더 빠른 속도 제공
웹 개발이 쉬워집니다. HTML, CSS, 자바스크립트를 사용한다.
부트스트랩은 트위터에서 마크 오토와 제이콥 손튼에 의해 개발되었다. 로서 출시되었습니다.
2011년 8월 GitHub에서 오픈 소스 제품을 출시했습니다.


부트스트랩

부트스트랩 을 사용하는 이유


■ 모바일 우선 접근 방식: 부트스트랩 3 프레임워크는 모바일 우선 스타일로 구성되어 있습니다.
전체 라이브러리에서 별도의 파일에 보관하는 대신 전체 라이브러리에서 사용할 수 있습니다.
■ 브라우저 지원: 모든 인기 있는 브라우저에서 지원됩니다.
■ 쉽게 시작할 수 있습니다. HTML과 CSS의 지식만 있으면 누구나 얻을 수 있다.
부트스트랩으로 시작했습니다. 또한 부트스트랩 공식 사이트에는 좋은 문서가 있습니다.
■ 반응형 설계: Bootstrap의 응답 CSS가 데스크톱, 태블릿에 맞게 조정됨
그리고 모빌레. 응답 설계에 대한 자세한 내용은 부트스트랩 장에 나와 있습니다.
반응형 설계.
■ 개발자를 위한 인터페이스 구축을 위한 깨끗하고 균일한 솔루션을 제공합니다.
■ 기능성이 뛰어나기 쉬운 아름다운 내장 부품이 들어 있습니다.
맞춤 제작하다
■ 웹 기반의 사용자 정의도 제공합니다.
무엇보다도 오픈소스입니다.

1 부트스트랩
부트스트랩 패키지에 포함된 것은?
■ 비계 : Bootstrap은 그리드 시스템, 링크의 기본 구조를 제공한다.
스타일 및 배경. 이 내용은 부트스트랩 섹션에서 자세히 설명합니다.
기본 구조.
■ CSS : 부트스트랩은 글로벌 CSS 설정, 기본 기능을 갖추고 있습니다.
확장 가능한 클래스로 스타일링되고 강화된 HTML 요소 및
고급 그리드 시스템 이 내용은 부트스트랩 섹션에서 자세히 설명합니다.
CSS.
■ 구성품: 부트스트랩에는 12개 이상의 재사용 가능한 구성 요소가 내장되어 있음
아이콘그래피, 드롭다운, 탐색, 알림, 팝업 및 기타 많은 기능을 제공합니다.
자세한 내용은 레이아웃 구성요소 섹션에서 설명합니다.
■ 자바스크립트 플러그인: 부트스트랩에는 12개가 넘는 사용자 지정 jQuery 플러그인이 포함되어 있습니다.
여러분은 그것들을 모두 쉽게 포함시킬 수 있고, 하나씩 포함할 수 있습니다. 이 내용은 에 자세히 설명되어 있습니다.
섹션 부트스트랩 플러그인.
■ 사용자 지정: 부트스트랩의 구성 요소, LEST 변수 및
jQuery 플러그인은 사용자 고유의 버전을 가져옵니다.


2. 환경 설정


부트스트랩을 설정하고 시작하는 것은 매우 쉽습니다. 이 장에서는 다음과 같은 방법을 설명합니다.
부트스트랩을 다운로드하고 설정합니다. 우리는 또한 부트스트랩파일 구조에 대해 논의할 것이다.
예를 들어 그 용법을 설명하다
다운로드부트스트랩
http://getbootstrap.com/에서 최신 버전의 부트스트랩을 다운로드할 수 있습니다. 언제
이 링크를 클릭하면 아래와 같은 화면이 나타납니다.
여기 두 개의 버튼이 있습니다.

■ 부트스트랩 다운로드: 이 옵션을 클릭하면 사전 컴파일된 파일을 다운로드할 수 있습니다.
부트스트랩 CSS, 자바스크립트 및 글꼴의 축소 버전. 문서 없음 또는
원본 소스 코드 파일이 포함됩니다.

■ 다운로드 소스: 이 옵션을 클릭하면 최신 부트스트랩을 덜 사용할 수 있습니다.
GitHub에서 직접 자바스크립트 소스 코드를 제공합니다.
부트스트랩의 컴파일되지 않은 소스 코드를 사용하는 경우 LESS 파일을 컴파일해야 합니다.
사용 가능한 CSS 파일을 생성합니다. 더 적은 파일을 CSS로 컴파일하기 위해 부트스트랩이 공식적으로
는 ress.js를 기반으로 하는 트위터의 CSS hinter인 Receat만 지원합니다.
더 나은 이해와 사용의 용이성을 위해, 우리는 부트스트랩의 사전 컴파일 버전을 사용해야 한다.
자습서 전체에 걸쳐 있습니다. 파일이 준수되고 축소되므로 번거롭게 할 필요가 없습니다.
개별 기능을 위한 별도의 파일을 포함하여 매번. 이 글을 쓸 때
튜토리얼 최신 버전(부트스트랩 3)이 다운로드되었습니다.