Bulma: Free, open source, and modern CSS framework based on Flexbox
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
bulma.io
부트스트랩과 비슷한 CSS프레임워크인 BULMA를 사용해봤다.
npm install bulma <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">npm install로 디펜던시 추가도 가능하지만 내가 한건 한 페이지짜리 간단한 프로젝트라서 link로 추가했다
헤더에 추가한 후 원하는 요소를 복사해서 클래스를 입력해주면된다.
기본 디자인 버튼에서 Bulma 디자인이 적용된 모습을 확인 할 수 있다.
위 사진에서는 Container, Card, Select, Title, Button에 Bulma css를 적용했다.
참고:
- https://www.udemy.com/course/the-web-developer-bootcamp-2021-korea
반응형