부트스트랩 말고 또 다른 무료 CSS 프레임워크인 벌마!! 머임마!!
부트스트랩과 사용법도 비슷하고 제공하는 기능도 비슷합니다.
어쩔수 없이 CSS 프레임워크이기 때문이죠
Bulma 가 부트스트랩보다 좋은 점은
제 개인적인 생각으로 조금 더 직관적인 CSS 문법을 사용해서 커스터마이징 하기 쉽다 입니다.
Bulma 사용법
1. bulma css link
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
```
2. 원하는 CSS를 가져온다!
https://bulma.io/documentation/elements/
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
여기서 원하는 모양을 가져와서 복붙합다!
yes!
조금 더 큰 레이아웃을 원한다면
https://bulma.io/documentation/layout/
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
여기서 대략적인 레이아웃을 받아올 수 있습니다.
'html-css' 카테고리의 다른 글
| [HTML] HTML5 레이아웃 종류 (태그로 범위 나누기) (0) | 2021.10.13 |
|---|---|
| 동적 웹페이지의 종류 (CSR vs SSR) (0) | 2021.10.06 |
| [Google Font] 구글폰트 사용 법 ( html 폰트 적용하기) (0) | 2021.10.06 |
| [FLEXBOX FROGGY] CSS 개구리 게임 4(21~24) (0) | 2021.08.09 |
| [FLEXBOX FROGGY] CSS 개구리 게임 3(14~20) (0) | 2021.08.09 |