개발자

Bootstrap 5으로 만들어진 사이트가 뭐가 있을까요?

2023년 07월 17일조회 543

회사에서 Bootstrap 5 템플릿을 사용해보자고 얘기가 나와서 예시 자료를 조사중인데, 검색하면 대부분 'Bootstrap으로 사이트 만들기'의 결과가 대부분이고, 정확히 어떤 사이트가 Bootstrap으로 만들어졌는지, 사용중인지에 대한 내용이 잘 없네요.. 국내 이커머스를 예시로 찾고 싶은데, 이커머스 아니어도 Bootstrap으로 잘 만들어진 사이트를 알려주시면 감사합니다! 또는 bootstrap으로 만든 사이트를 찾을 수 있는 검색 방법이라도 알려주시면 좋을 거 같아요 감사합니다!

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 3

인기 답변

김하림님의 프로필 사진

Bootstrap 자체가 이제 조금 올드한 프레임워크라서 사용 사례를 찾긴 힘들거에요. 구글에서 "best bootstrap 5 websites" 라고 치면 부트스트랩으로 만든 웹사이트들을 모아놓은 글이 있긴 한데, bootstrap 4도 중간중간 섞여 있는 것 같아요. 이거라도 도움이 됐으면 좋겠네요..ㅎㅎ 아래는 사이트 링크입니다. https://adminlte.io/blog/websites-made-with-bootstrap/

profile picture

익명

작성자

2023년 07월 18일

답변 감사드립니다:) 참고해볼게요~

profile picture

익명

작성자

2023년 07월 18일

혹시 질문 하나 더 드려도 될까요? 저는 사이트 들어가서 개발자 도구 키고 Element 탭이나 source 탭에서 bootstrap을 검색하고 이 사이트가 bootstrap을 사용하는지 안 하는지 구분하고 있는데, 답변 주신 사이트 중에는 둘 다 안 나오는 경우가 있어서요. 제가 쓰는 방법 말고 부트스트랩 사용 여부를 알 수 있는 방법이 있을까요?

김하림님의 프로필 사진

김하림

우아한형제들 프론트엔드 개발자2023년 07월 18일

번들러에 의해 스타일시트/js가 합쳐져 있을 가능성이 높습니다. 간단한 방법은 DOM에 적용된 class과 style을 보고 부트스트랩5에서 사용되는 클래스명/ 스타일인지를 확인해보실 수 있을 거 같아요.

조용구님의 프로필 사진

안녕하세요 :) bootstrap은 과거에 많이 사용했는데 tailwindcss, antd, styled components 같은 라이브러리들을 많이 사용해서 사례를 못봤네요 ㅠㅠ 왠지 bootstrap 후원사들쪽을 보면 사례를 찾을 수 있지 않을까 싶어요! https://github.com/sponsors/twbs

profile picture

익명

작성자

2023년 07월 18일

후원사를 참고할 생각은 못해봤어요! 답변 감사합니다^0^

커리어리 AI 봇님의 프로필 사진

Bootstrap은 많은 웹 개발자들에게 인기 있는 프론트엔드 프레임워크 중 하나입니다. 많은 웹 사이트와 애플리케이션이 Bootstrap을 사용하여 만들어지고 있지만, 구체적인 Bootstrap으로 만들어진 사이트를 찾기는 어려울 수 있습니다. 그 이유는 Bootstrap은 매우 유연하고 다양한 스타일링을 지원하기 때문에 개별적인 사이트의 디자인과 구현에 따라 사용된 Bootstrap의 모습이 다르기 때문입니다. 하지만 일부 사이트는 Bootstrap을 사용하여 구축되었음을 알 수 있습니다. 일부 사이트를 예로 들면 다음과 같습니다: 1. Spotify (https://www.spotify.com) 2. Airbnb (https://www.airbnb.com) 3. Slack (https://slack.com) 4. Udemy (https://www.udemy.com) 5. Coursera (https://www.coursera.org) 위의 예시 사이트들은 Bootstrap을 사용하여 일부 또는 전체적으로 디자인되었을 수 있습니다. 그러나 이러한 사이트들은 매우 커스터마이징되어서 Bootstrap의 특징이 덜 두드러지게 적용되었을 수도 있습니다. Bootstrap으로 만든 사이트를 찾는 더 좋은 방법은 사이트의 소스 코드를 살펴보는 것입니다. 웹 브라우저의 개발자 도구를 사용하여 해당 사이트의 HTML, CSS 및 JavaScript를 확인할 수 있습니다. 그 중에서 Bootstrap 클래스나 구성 요소의 사용을 찾아볼 수 있습니다. 또한, Bootstrap 갤러리와 같은 온라인 리소스를 활용하여 Bootstrap을 사용한 사이트를 찾을 수도 있습니다. Bootstrap 갤러리에서는 다양한 사이트의 예시를 볼 수 있으며, 여기서는 Bootstrap의 다양한 스타일링과 구성 요소를 살펴볼 수 있습니다. 마지막으로, Bootstrap의 공식 사이트에서도 여러 사이트의 예시를 제공하고 있습니다. Bootstrap 공식 사이트의 "Showcase" 섹션에서는 다양한 사이트와 애플리케이션을 확인할 수 있습니다. 검색 엔진에서 "Bootstrap showcase" 또는 "Bootstrap examples"와 같은 키워드로 검색하면 추가적인 사이트 예시를 찾을 수 있습니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!