Django项目的Bulma CSS框架
django-bulma的Python项目详细描述
Django项目的Bulma主题
基于bulma（bulma.io）的django基主题。bulma是一个基于flexbox的现代css框架。
***正在进行的工作***
安装
- 从pip安装python包django bulma
pip install django-bulma
或者，您可以安装下载或克隆此repo并调用pip install -e .。
- 添加到settings.py中已安装的应用程序：
'bulma',
- 如果要使用提供的基模板，请从bulma/base.html扩展：：
{% extends 'bulma/base.html' %}
{% block title %}Bulma Site{% endblock %}
{% block content %}
Content goes here...
{% endblock content %}
如果要自定义Bulma Sass和您自己的组件：
4.1将bulma静态文件复制到项目的static\u根目录中：
python manage.py copy_bulma_static_into_project您应该看到bulma目录出现在static\u根目录中。它包含 三个方向：
- lib-在大多数情况下，我们将原始的和未触及的bulma包放在这里 你不应该搞砸它
- sass-这是您可以放置自己的sass代码和自定义的地方 布尔马变量
- css-这是编译的sass输出的位置，您应该链接此文件 在base.html中
4.2安装用于sass编译的npm包：
python manage.py bulma install4.3启动SASS监视模式：
python manage.py bulma start对于表单，在模板中，加载
bulma_tags库并使用|bulma过滤器：示例模板
{%loadbulma_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>
包含的模板
django bulma附带：
- 基本模板，
- Django Core注册模板，
- Django Allauth帐户模板。
错误和建议
如果您发现了一个bug或者有其他功能的请求，请使用github上的问题跟踪器。
https://github.com/timonweb/django-bulma/issues
欢迎加入QQ群-->： 979659372
