http://getbootstrap.com/ 에 접속합니다.
위 화면의 Download Bootstrap 버튼을 누르면 기본적인 파일을 다운로드 받을수 있습니다.
하지만, 부트스트랩 관련 전체 파일을 다운로드 받으려면 페이지 가장 하단으로 내려 GitHub를 클릭합니다.
다음 화면의 Download ZIP 을 클릭합니다.
다운로드 하여 압축을 풀면 다음과 같은 파일과 폴더 구성을 보실수 있습니다.
이제 이 파일들을 웹서버 프로그램내 폴더로 이동하도록 하겠습니다.
저는 웹서버 프로그램으로 APMsetup를 사용합니다. 타 프로그램을 사용하시는 분은
붙여넣어야 하는 폴더를 다시한번 확인하신후 따라해 주시면 됩니다.
docs내 파일을 모두 선택하여 웹서버 프로그램내 폴더로 복사합니다.
APM_Setup\htdocs 폴더에 bootstrap 폴더를 만들고 복사한 파일을 복사해 붙여넣습니다.
웹서버가 정상적으로 작동중이라면
웹브라우저에 다음과 같이 입력하시면 아래와 같은 화면을 보실수 있습니다.
http://localhost/bootstrap/examples/jumbotron/index.html
기본적인 설치는 끝났습니다.
부트스트랩의 장점중의 하나인 반응형 웹페이지를 확인하기 위해 웹브라우저의 사이즈를 줄이면 아래와 같이 바뀝니다.
웹브라우저 사이즈에 맞게 최적화되어 표시되는 페이지를 감상하실수 있습니다.
여기까지 부트스트랩 설치를 마치겠습니다.
반응형
'아카이브' 카테고리의 다른 글
Vim reference card (0) | 2015.11.16 |
---|---|
낚시용 분실방지 스프링줄 만들기 (0) | 2015.11.16 |
웹서버에 워드프레스를 설치해보자! (0) | 2015.11.15 |
APMsetup을 활용하여 웹서버 환경 꾸미기 (1) | 2015.11.15 |
Vim 환경설정 (0) | 2015.11.15 |
부트스트랩이란? (0) | 2015.11.15 |
자작나스(Custom NAS) 구성 (0) | 2015.11.12 |
Vim? 그게 뭐지? (0) | 2015.11.12 |
기본 명령어 (0) | 2015.11.12 |
인생의 전환점..... (0) | 2015.11.11 |