Get started with bulma CDN

MIT licensed

Bulma is a free, open-source CSS framework for building responsive and modern web interfaces.

Tags:
  • css
  • sass
  • flexbox
  • responsive
  • framework

Stable version

Copied!

How to start using bulma CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/bulma/0.9.4/css/bulma.min.css">
  <title>Get started with bulma CDN - cdnhub.io</title>
</head>
<body>
  <header class="navbar is-primary">
    <div class="navbar-brand">
      <a class="navbar-item" href="/">
        <img src="logo.png" alt="Logo">
        <span>Bulma Example</span>
      </a>
      <button class="navbar-burger" aria-label="menu" aria-expanded="false">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </button>
    </div>
    <div class="navbar-menu">
      <div class="navbar-start">
        <a class="navbar-item" href="/">Home</a>
        <a class="navbar-item" href="/about">About</a>
      </div>
      <div class="navbar-end">
        <div class="navbar-item">
          <div class="buttons">
            <a class="button is-primary">
              <strong>Sign up</strong>
            </a>
            <a class="button is-light">
              Log in
            </a>
          </div>
        </div>
      </div>
    </div>
  </header>
  <main class="container">
    <section class="section">
      <h1 class="title">Bulma Example</h1>
      <p class="subtitle">This is an example using Bulma CSS framework.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut dui nisi. Donec bibendum scelerisque ante vitae magna.</p>
    </section>
  </main>
  <footer class="footer is-info">
    <div class="content has-text-centered">
      <p>
        <strong>Bulma</strong> by <a href="https://jgthms.com">Jeremy Thomas</a>. The source is licensed
        <a href="http://opensource.org/licenses/MIT">MIT</a>.
      </p>
    </div>
  </footer>
</body>
</html>
Copied!
Copied!
Copied!

All versions