티스토리 뷰
반응형
부트스트랩만으로 웹사이트 만들기
웹사이트를 위한 폴더를 하나 생성하고 사용할 이미지를 저장할 폴더, 그리고 index.html 하나를 생성한다.
Bootstrap 공식 웹사이트에서 starter template를 복사해서 index.html 파일에 붙여넣는다.
여기서 title 과 body 에 있는 부분만 다음과 같이 수정해 준다.
그리고 브라우저를 이용해서 index.html 파일을 열어보자.
* FontAwesome 사이트에서 여러가지 이미지를 사용하기 위해서 라이브러리를 추가해주어야 한다. 예전에는 공개된 소스를 받아서 했는데, 현재는 사용자 계정을 생성하고 kit 을 받아서 하는 방식으로 변경되었다.
이제 마지막으로 웹사이트 로고를 추가해 보자.
끝.
'Bootstrap4' 카테고리의 다른 글
Bootstrap Web 만들기 part. 7 progress bar(진행바) 만들기 (0) | 2020.08.21 |
---|---|
Bootstrap Web 만들기 part. 5 Projects 소개하기 (0) | 2020.08.21 |
Bootstrap Web 만들기 part. 4 Skills 만들기 (0) | 2020.08.21 |
Bootstrap Web 만들기 part. 3 Banner 만들기 (0) | 2020.08.21 |
Bootstrap Web 만들기 part. 2 Navbar 만들기 (0) | 2020.08.21 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- python message
- slack api
- 디스크 사용량
- venv
- amaztools
- 프로젝트 생성
- du 명령어
- win10
- 메시지 전송
- END key
- win7
- df 명령어
- http 요청
- angular
- 미밴드4
- django
- python slack
- channel oauth
- 팀 소통
- Karabiner-Elements
- Python
- HOME key
- 파이썬
- vscode
- cmd창
- 미밴드
- webhook
- 장고
- HOME/END
- cmd실행
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함