Bulma 대체 버전

Bulma 대체 버전 (Alternative versions of Bulma)

사람마다 필요한 것이 다르기 때문에, Bulma는 바로 사용할 수 있는 다양한 버전으로 제공돼요. 접두사 유무, 헬퍼 포함 여부, 다크 모드 포함 여부에 따라 여러 버전을 고를 수 있지요. 표를 보며 어떤 버전이 내게 맞는지 확인해 보세요.

출처: 문서

본문

사람마다 요구사항이 다르기 때문에, Bulma는 바로 사용할 수 있는 여러 버전으로 제공됩니다.

<section class="section">
<div class="container has-text-centered">
<h1 class="title">
Hello World
</h1>
<p class="subtitle">
My first website with
<strong class="has-text-primary">Bulma</strong>!
</p>
</div>
</section>

<section class="bulma-section">
<div class="bulma-container bulma-has-text-centered">
<h1 class="bulma-title">
Hello World
</h1>
<p class="bulma-subtitle">
My first website with
<strong class="bulma-has-text-primary">Bulma</strong>!
</p>
</div>
</section>

<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>

<section class="bulma-section">
<div class="bulma-container">
<h1 class="bulma-title">
Hello World
</h1>
<p class="bulma-subtitle">
My first website with
<strong>Bulma</strong>!
</p>
</div>
</section>

<section class="section">
<div class="container has-text-centered">
<h1 class="title">
Hello World
</h1>
<p class="subtitle">
My first website with
<strong class="has-text-primary">Bulma</strong>!
</p>
</div>
</section>

더 알아보기 (Learn more)

• Bulma 설치하기
• Bulma 수식어 문법