HTML5 Boilerplate 및 Twitter 부트 스트랩

Twitter Bootstrap 및 HTML5 상용구에 대한 Stack에서 다양한 질문에 대한 답변을 읽었습니다.

다음을 알고 있습니다.

• 부트 스트랩과 H5BP는 동일하지 않으며 다른 용도로 사용됩니다.
• 저는 Bootstrap이 무엇에 사용되는지 알고 있으며 매일 사용합니다-바로 사용할 수있는 프런트 엔드 프레임 워크, CSS 및 JS입니다. 선택기 / 요소에 올바른 클래스를 적용하기 만하면 Bootstrap이 모든 작업을 수행합니다. 프레임 워크 내에서 제공해야 할 사항과 구현 방법을 볼 수있는 웹 사이트에 광범위한 지원 문서가 있습니다.
• initializr 를 사용하여 둘의 거듭 제곱을 결합 할 수 있습니다.
• H5BP는 템플릿입니다 ... 음 그게 다예요 ...

그러나 내가 아직 모르는 것은 다음과 같습니다.

• 도대체 H5BP는 무엇을 위해 사용됩니까? 그들의 웹 사이트를 방문 할 때 그들은 단지 당신에게 소스 파일을 제공하고 그게 다입니다 (예, 그리고 비디오). 사용의 이점은 무엇이며 예를 들어 부트 스트랩과 함께 사용하려는 이유는 무엇입니까?

당신 말이 맞습니다. 그것은 템플릿입니다. HTML5 웹 사이트 개발을위한 일련의 모범 사례를한데 모은 템플릿입니다. 사용할 필요는 없지만 사용한다면 수년 동안 최고의 개발자가 개발하고 연마 한 견고한 기반을 구축하고 있다는 것을 확신 할 수 있습니다. 프로젝트의 주요 개발자 중 한 명인 Paul Irish는 다음과 같이 말했습니다.

"본질적으로 html 및 css의 좋은 시작 템플릿이며 작동하는 폴더 구조입니다.하지만 여기에 포함 된 것은 프론트 엔드 개발 전문가의 수년간 모범 사례입니다."

완전히 주석 처리 된 버전의 상용구를 다운로드하고 코드를 읽어 보면 그 안에 들어간 생각과 처리하는 경우에 대한 아이디어를 얻을 수 있습니다. ( 사이트에서 사용해야하는 상용구의 코드 스 니펫을 강조하는 이 문서 도 참조 하세요.) 프로젝트의 시작점으로 사용할 것인지 여부를 결정하는 데 도움이됩니다.

HTML5bp는 initializr 정말 어떤 쉬울 수 없었다, 그래서 심지어 부트 스트랩 옵션이 포함되어 있습니다!