티스토리 뷰

http://getbootstrap.com/ 에 접속합니다.

위 화면의 Download Bootstrap 버튼을 누르면 기본적인 파일을 다운로드 받을수 있습니다. 

하지만, 부트스트랩 관련 전체 파일을 다운로드 받으려면 페이지 가장 하단으로 내려 GitHub를 클릭합니다.


다음 화면의 Download ZIP 을 클릭합니다.



다운로드 하여 압축을 풀면 다음과 같은 파일과 폴더 구성을 보실수 있습니다.



이제 이 파일들을 웹서버 프로그램내 폴더로 이동하도록 하겠습니다.

저는 웹서버 프로그램으로 APMsetup를 사용합니다. 타 프로그램을 사용하시는 분은 

붙여넣어야 하는 폴더를 다시한번 확인하신후 따라해 주시면 됩니다.


docs내 파일을 모두 선택하여 웹서버 프로그램내 폴더로 복사합니다.


APM_Setup\htdocs 폴더에 bootstrap 폴더를 만들고 복사한 파일을 복사해 붙여넣습니다.

웹서버가 정상적으로 작동중이라면

웹브라우저에 다음과 같이 입력하시면 아래와 같은 화면을 보실수 있습니다.

http://localhost/bootstrap/examples/jumbotron/index.html



기본적인 설치는 끝났습니다.

부트스트랩의 장점중의 하나인 반응형 웹페이지를 확인하기 위해 웹브라우저의 사이즈를 줄이면 아래와 같이 바뀝니다.


웹브라우저 사이즈에 맞게 최적화되어 표시되는 페이지를 감상하실수 있습니다.


여기까지 부트스트랩 설치를 마치겠습니다.


'전자,전기공학 > 부트스트랩' 카테고리의 다른 글

부트스트랩이란?  (0) 2015.11.15
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday