여기에서 부트스트랩을 다운로드하고 리소스를 응용 프로그램에서 사용할 수 있도록 리소스라는 하위 디렉토리에서 프로젝트의 웹 폴더 (예 : WebContent)로 압축을 해제하십시오: 부트스트랩은 많은 클래스와 함께 제공되는 디자인 프레임워크입니다. 반응형 웹 사이트를 만드는 데 도움이 될뿐만 아니라 좋은 찾고 웹 사이트를 만드는 데 도움이되는 몇 가지 클래스를 제공합니다. 설계 노력을 많이 줄일 수 있는 몇 가지 유틸리티 클래스가 있습니다. 부트스트랩에는 사이트 내용을 래핑하기 위해 포함된 요소가 필요합니다. 컨테이너 클래스는 응답 고정 너비 컨테이너에 사용됩니다. 부트스트랩에 대한 흥미로운 점은 즉시 사용할 수 있는 HTML/CSS 코드 조각을 만들 수 있는 멋진 UI로 가능한 한 빨리 시작하는 데 도움이 된다는 것입니다. 사실, 나는 서버 측 코딩에 초점을 맞추고있는 동안 쉽게 멋진 UI를 구축 할 수있는 이클립스를위한 빠른 자바 UI 빌더를 검색 한 후 부트 스트랩으로 착륙했습니다. 부트 스트랩이 법안에 맞는 곳입니다. 다음은 다른 주요 이클립스 플러그인 평가: 위의 코드에서, 그것은 jQuery를 사용 하 여, bootstrap.min.js 및 bootstrap.min.css 파일 부트 스트랩 된 템플릿에 일반 HTM 파일을 만들기 위해 포함 됩니다.

이 자습서에서는 서블릿, JSP, 부트스트랩 및 톰캣 임베디드를 사용하여 간단한 웹 응용 프로그램 독립 실행형을 개발하는 방법을 보여 줍니다. JSF 기능 창에서 이클립스에서 프로젝트가 JSF 모듈로 구성되도록 종속성을 다운로드해야 합니다(기본적으로 사용할 수 없음). 다운로드 아이콘(그림 5에 둘러싸인)을 클릭하여 웹 프로젝트에 JSF 기능을 추가하고 JSF 2.2 모자라 구현 개별 양식 컨트롤(입력, 텍스트 영역 및 선택)을 다운로드하면 부트스트랩으로 일부 전역 스타일이 자동으로 수신됩니다. 부트스트랩은 개발자가 웹 응용 프로그램을 빠르게 만들 수 있도록 설계된 도구 모음이 포함된 프런트 엔드 프레임워크입니다. 그것은 양식, 타이포그래피, 버튼, 탐색, 테이블, 탭, 드롭 다운, 경고, 모달, 아코디언, 회전 목마 및 기타 많은 선택적 자바 스크립트 확장과 같은 일반적인 사용자 인터페이스 구성 요소에 대한 HTML 및 CSS 기반 디자인 템플릿이 포함되어 있습니다. 이클립스 -부트스트랩-e4 신속 하 게 메이븐/타이코 와 다른 도구 Enide와 e4 개발에 대 한 이클립스를 준비 – 이클립스 부트스트랩 e4, 포함: 이클립스 4 도구: 응용 프로그램 모델 편집기 Ecl… 부트스트랩 지퍼에서 웹앱 폴더로 디렉토리 js, 글꼴 및 CSS를 복사합니다. CDN은 사용자가 파일을 요청할 때 전 세계에 분산된 여러 서버에서 파일을 호스팅하므로 로드 시간을 줄임으로써 성능 이점을 제공하므로 CDN(콘텐츠 전송 네트워크)을 통해 프로젝트에 부트스트랩을 추가하는 것이 좋습니다.

가장 가까운 서버에서 제공됩니다. 또한 컴파일된 부트스트랩을 다운로드하고 압축을 풀기 위해 예제에서 CDN 링크를 사용하고 있습니다. 이제 폴더 내부를 보면 컴파일 된 CSS 및 JS 파일 (부트 스트랩.*)뿐만 아니라 컴파일되고 축소 된 CSS 및 JS (bootstrap.min.*)가 포함되어 있습니다. 부트스트랩.min.css 및 부트스트랩.min.js 파일을 사용합니다. 트위터 부트 스트랩은 최근 가장 인기있는 프론트 엔드 프레임 워크입니다. 빠르고 쉬운 웹 개발을 위해 매끄럽고 직관적이며 강력한 모바일 첫 번째 프런트 엔드 프레임 워크입니다. HTML, CSS 및 자바 스크립트를 사용합니다. 이 튜토리얼은 당신에게 당신이 쉽게 웹 프로젝트를 만들 수있는 을 사용하여 부트 스트랩 프레임 워크의 기초를 가르 칠 것입니다.