부트스트랩이란 반응형 웹 사이트를 개발할 때 프론트엔트 부분을 구성하는 요소인
Html, Css, JavaScript를 편하게 사용할 수 있게 하는 프레임워크입니다.
좀 더 편하게 생각하면 도구 모음?
원하는 템플릿을 구글링과 부트스트랩 제공하는 사이트를 통해 다운받아 프로젝트에 적용하여,
홈페이지를 구성하는 하나 하나의 요소를 직접 디자인하고, 코딩할 필요 없이
편리하고 완성도 높은 디자인의 웹사이트를 만들 수 있도록 도와줍니다.
개발의 시작은 구글링이라고 볼 수 있을 만큼 구글링은 프로그래밍에 필수적 요소인데요,
구글 검색창에 free bootstrap template 와 같이 검색 후 이미지 보기를 통해 원하는 디자인의 템플릿을 찾은 뒤 다운 받으셔도 됩니다.
이런 식으로요!
그러나, 이미지 검색을 통해 부트스트랩 템플릿 예제를 찾다 보면 정말 너무나도 많은 데이터 양 탓에...
맘에 드는 디자인을 찾거나, 찾았다 해도 무료 템플릿을 찾는 경우에는 원하는 조건의 부트스트랩 테마를 찾기가
쉽지 않죠..
그래서 무료로 부트스트랩 템플릿을 이용하고자 하는 분들을 위해 몇 가지 사이트를 정리해 보았습니다.
1. Start BootStrap
Free Bootstrap Themes, Templates, Snippets, and Guides
Start Bootstrap develops free to download, open source Bootstrap 4 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.
startbootstrap.com
관리 페이지, 포트폴리오, 일반 웹 사이트 등 종류는 많지 않지만, 정말 알찬 무료 부트스트랩 제공 사이트라고 생각합니다.
오히려 테마 종류가 많지 않아서 큰 고민 없이 맘에드는 템플릿을 쉽게 정하고, 적용 했던 것 같아요!
이미지에 있는 민트색 배경(Start BootStrap이라고 적힌 테마) 템플릿의 경우에는 주변에서도 두세 분 정도 사용해서
개인 프로젝트를 진행 하셨네요.
Free라고 적힌 테마에 한해서 무료로 적용하실 수 있습니다!
저 같은 경우는 웹 서비스의 인덱스? 첫 메인 페이지에 StartBootstrap의 테마를 적용했어요.
2. BootstrapMade
Free Bootstrap Themes and Website Templates | BootstrapMade
At BootstrapMade, we create beautiful website templates using Bootstrap, the most popular front-end framework for developing responsive, mobile first websites. All of our bootstrap templates are created with care, fully responsive and cross-browser compati
bootstrapmade.com
구글링을 한참 하다가 알게 된 사이트인데, 개인적으로 예쁜 템플릿이 정말 많았다고 생각합니다.
테마 종류도 많고, 깔끔해요.
제작하려고 하는 웹 서비스의 대부분 장르에 대해 어울리는 템플릿이 있을 거라고 생각합니다.
포트폴리오, 기업/제품 소개 페이지, 일반 커뮤니티&웹 서비스, 레스토랑 또는 레시피 사이트..
정말 다양하게요. 저는 여기서 포트폴리오 템플릿을 다운 받았고,
Start Bootstrap의 인덱스 페이지와 BootstrapMade를 통해 메인 페이지를 구성했어요.
3. Bootstrapthemes
Download High quality Bootstrap themes Bootstrap templates
High-quality responsive bootstrap themes and Responsive Bootstrap HTML templates to design and develop an appealing website for your business.
bootstrapthemes.co
다음 웹 프로젝트 진행 시, 테마를 적용해 보려고 무료 템플릿 몇 가지를 찾아서 다운 받은 사이트입니다.
템플릿 미리보기 사진도 깔끔하게 디자인 되어 있어 관심 가지고 보게 되었는데,
이 사이트 또한 템플릿 종류가 굉장히 많습니다.
참고로 부트스트랩 템플릿을 제공하는 페이지들은 Live Demo를 제공하고 있으니(미리보기) 썸네일만이 아닌,
직접 구성된 페이지를 확인한 후 원하는 템플릿을 다운 받으시길 바랍니다!
부트스트랩을 제공하는(무료) 사이트들은 더 많지만, 우선 실제로 사용했던 혹은 유용하다고 생각하는 사이트 위주로 추려 보았습니다.
프로젝트를 진행해 보면서 추후에도 게시글을 수정할 예정입니다.
도움이 되셨으면 좋겠네요!
공감과 댓글은 큰 힘이 됩니다.♡
'IT > HTML,CSS,JS' 카테고리의 다른 글
| [JS/Chrome/Intellij] 수정한 CSS, JS 파일 적용 안됨 오류 해결 (0) | 2021.05.18 |
|---|---|
| [javascript] document.getElementById.value undefined 오류 해결 (0) | 2021.05.13 |