부트스트랩 4
[Bootstrap] 부트스트랩 테마를 찾아보자 (유료편)
안녕하세요. 플입니다. 오늘은 부트스트랩 유료 템플릿을 구경해볼게요. 1. tnemeforest https://themeforest.net/ WordPress Themes & Website Templates from ThemeForest Discover 1000s of premium WordPress themes & website templates, including multipurpose and responsive Bootstrap templates, email templates & HTML templates. themeforest.net 검색창에 테마포레스트를 검색하시거나 위의 링크로 접속해주세요. 이런 화면이 뜨는데요. 부트스트랩 테마 말고도 워드프레스 테마도 다운로드할 수 있고 디자인만 따로 다운..
[Bootstrap] 부트스트랩을 이용해 아이콘을 불러와보자
안녕하세요. 플입니다. 오늘은 아이콘을 불러와볼게요. 1. 위치 확인 뭘 해볼 거냐면요 하단에 이런 식으로 sns 바로가기 아이콘 같은 게 있는걸 많이 보셨을 거예요. 오늘은 여기 인스타그램이라는 글자 앞에 인스타그램 아이콘을 넣어볼게요. 아이콘을 따로 만들지 않고 부트스트랩을 이용해서 불러올 겁니다. 2. font awesome https://www.bootstrapcdn.com/fontawesome/ Font Awesome The recommended CDN for Font Awesome www.bootstrapcdn.com 검색창에 font awesome 4 cdn이라고 검색해주시거나 위의 링크를 클릭해주세요. 그러면 들어가자마자 바로 링크를 줄 거예요. 이 링크를 복사해주세요. 그리고 이런 식으로..
[Bootstrap] 부트스트랩 클래스를 찾아보자
안녕하세요. 플입니다. 오늘은 부트스트랩에서 쓰는 여러 클래스들을 찾아볼 거예요. 1. 부트스트랩 사이트 http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드 bootstrapk.com 일단 위의 주소로 부트스트랩 홈페이지에 접속해주세요. 한국 사이트랍니다. 2. 콤포넌트 그리고 위쪽 메뉴 중 네 번째쯤에 있는 콤포넌트를 클릭해주세요. 뭔가 다양한 것들이 나오고 오른쪽에는 종류가 잔뜩 나올 거예요. 콤포넌트란 무엇인가요? 콤포넌..
[Bootstrap] 부트스트랩 사용방법
안녕하세요. 플입니다. 오늘은 부트스트랩을 사용해볼게요. 1. 부트스트랩 https://www.bootstrapcdn.com/ Quick Start The recommended CDN for Bootstrap, Font Awesome and Bootswatch. www.bootstrapcdn.com 먼저 위의 링크로 접속해주세요. 부트스트랩 3을 사용할 예정이니 메뉴에서 Old Versions(옛날 버전) > Bootstrap(부트스트랩) 메뉴를 선택해주세요. 아래로 쭉쭉 내리면 v3(버전 3)이 있는데요. 찾기 귀찮으니까 Ctrl + F를 이용해 찾아줍시다. Ctrl + F 를 누르고 v3를 검색해주세요. 부트스트랩 3의 css 주소를 복사해주세요. 이제 부트스트랩 홈페이지에서 할 일은 모두 끝났습니다..