Bulma사용하기

Web

Bulma사용하기

taenyLog 2023. 6. 11. 09:46

https://bulma.io/documentation/overview/start/

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

Bulma는 반응형 웹 인터페이스를 구축하기 위해 쉽게 결합할 수 있는 즉시 사용 가능한 프런트엔드 구성 요소를 제공하는 무료 오픈 소스 프레임워크입니다.

#Starter template

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
  </head>
  <body>
  <section class="section">
    <div class="container">
      <h1 class="title">
        Hello World
      </h1>
      <p class="subtitle">
        My first website with <strong>Bulma</strong>!
      </p>
    </div>
  </section>
  </body>
</html>

html파일에 아래의 코드를 적절한 위치에 삽입시켜준다.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">