Skip to main content

A Bulma Theme for Django Projects

Django Bulma

A Django base theme based on Bulma (bulma.io). Bulma is a modern CSS framework based on Flexbox.

*** work in progress ***

Installation

  1. Install the python package django-bulma from pip

pip install django-bulma

Alternatively, you can install download or clone this repo and call pip install -e ..

  1. Add to INSTALLED_APPS in your settings.py:

'bulma',

  1. If you want to use the provided base template, extend from bulma/base.html:
{% extends 'bulma/base.html' %}

{% block title %}Bulma Site{% endblock %}

{% block content %}
  Content goes here...
{% endblock content %}

  1. If you want to customize bulma sass and your own components:

    4.1 Copy bulma static files into your project's STATIC_ROOT:

    python manage.py copy_bulma_static_into_project
    

    You should see bulma dir appeared in your STATIC_ROOT. It contains two dirs:

    • sass - this is the place where you can put your own sass code and customize bulma variables
    • css - this is where compiled sass output goes, you should link this file in your base.html

    4.2 Install npm packages for sass compilation to work:

    python manage.py bulma install
    

    4.3 Start sass watch mode:

    python manage.py bulma start
    
  2. For forms, in your templates, load the bulma_tags library and use the |bulma filters:

    Example template
    {% load bulma_tags %}
    
    {# Display a form #}
    
    <form action="/url/to/submit/" method="post">
       {% csrf_token %}
       {{ form|bulma }}
       <div class="field">
         <button type="submit" class="button is-primary">Login</button>
       </div>
       <input type="hidden" name="next" value="{{ next }}"/>
    </form>
    

Included templates

django-bulma comes with:

  • a base template,
  • django core registration templates,

Bugs and suggestions

If you have found a bug or if you have a request for additional functionality, please use the issue tracker on GitHub.

https://github.com/timonweb/django-bulma/issues

2017 - 2025 (c) Tim Kamanin - A Full Stack Django and Wagtail Developer

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django_bulma-0.11.2.tar.gz (227.5 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

django_bulma-0.11.2-py3-none-any.whl (204.2 kB view details)

Uploaded Python 3

File details

Details for the file django_bulma-0.11.2.tar.gz.

File metadata

  • Download URL: django_bulma-0.11.2.tar.gz
  • Upload date:
  • Size: 227.5 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? Yes
  • Uploaded via: twine/6.1.0 CPython/3.13.12

File hashes

Hashes for django_bulma-0.11.2.tar.gz
Algorithm Hash digest
SHA256 0e0e858d67e4d8c8e51a98ccd953dca930eaaa91031ddafa3b8a09017eb2f374
MD5 052ac731d1b62af62718c4571653125a
BLAKE2b-256 271816ca7ef155479a29a263129554a201ee62ffb84d48a0a665350bfb7f4cb0

See more details on using hashes here.

Provenance

The following attestation bundles were made for django_bulma-0.11.2.tar.gz:

Publisher: release.yml on timonweb/django-bulma

Attestations: Values shown here reflect the state when the release was signed and may no longer be current.

File details

Details for the file django_bulma-0.11.2-py3-none-any.whl.

File metadata

  • Download URL: django_bulma-0.11.2-py3-none-any.whl
  • Upload date:
  • Size: 204.2 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? Yes
  • Uploaded via: twine/6.1.0 CPython/3.13.12

File hashes

Hashes for django_bulma-0.11.2-py3-none-any.whl
Algorithm Hash digest
SHA256 306d486ed1121a5d538194a2982d31562fae57fcd6cccc4d1d764c0515a00af8
MD5 49c209ab19480ad2e93e79725bbd58fe
BLAKE2b-256 8ad070755366275284cc5b36050f26d837b1ca4a51e8ec7ca22a301cbf07fdc0

See more details on using hashes here.

Provenance

The following attestation bundles were made for django_bulma-0.11.2-py3-none-any.whl:

Publisher: release.yml on timonweb/django-bulma

Attestations: Values shown here reflect the state when the release was signed and may no longer be current.

Release history Release notifications | RSS feed

This release

0.11.2 This release

2 files

0.11.1

2 files

0.11.0

2 files

0.10.0

2 files

0.9.0

2 files

0.8.3

2 files

0.8.2

2 files

0.8.1

2 files

0.8.0

2 files

0.7.1

2 files

0.6.0

2 files

0.5.7

2 files

0.5.6

1 file

0.5.5

1 file

0.5.4

1 file

0.5.3.0

1 file

0.5.1

1 file

0.5.0

1 file

0.4.0

1 file

0.3.4

1 file

0.3.3

1 file

0.3.2

1 file

0.3.1

1 file

0.3.0

1 file

0.2.0

1 file

0.1.0

1 file

0.0.3

1 file

0.0.2

1 file

0.0.1

1 file

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page