Download

Sponsor

Route Planner and Route Optimizer

Alternative versions of Bulma


Use one of the pre-built alternative versions of Bulma

Because different people have different requirements, Bulma comes in different versions ready to use:

Version Prefix Usage Download
Complete
(Library + Helpers)
None
<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>
Prefixed bulma-
<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>
Library Only
No Helpers
None
<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>
No Helpers, Prefixed
Library Only
bulma-
<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>
No Dark Mode
Light Theme Only
None
<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>

How to support Bulma

#native_company# #native_desc#
#native_cta#