FeinCMS 的 Bootstrap 3 按钮元素
项目描述
在文本中显示 Bootstrap 3按钮。
此按钮可用于导航,例如在文本块的末尾。这些按钮不能在表单中使用。
安装
首先确保项目配置为feincms。
然后添加以下设置:
INSTALLED_APPS += (
'feincms_button',
)
现在,您可以创建ButtonContent内容类型:
from feincms.module.page.models import Page
from feincms_button.contents import ButtonContent
Page.create_content_type(ButtonContent)
前端样式
该按钮使用 Bootstrap 规定的 HTML 呈现:
<a class=<s>"btn btn-default"</s> href=<s>"#"</s> role=<s>"button"</s>>Link</a>
标准的 Bootstrap 3 CSS 将为此提供合理的样式,可以覆盖或替换您自己的 CSS 文件。Bootstap 3 提供的默认值是:https ://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_buttons.scss
使用 Sass 时,还可以覆盖 Sass 变量。
配置
如果需要,可以覆盖以下设置:
from django.utils.translation import pgettext_lazy
FEINCMS_BUTTON_STYLES = (
('btn-default', pgettext_lazy("button-style", u"Default")),
('btn-primary', pgettext_lazy("button-style", u"Primary")),
('btn-success', pgettext_lazy("button-style", u"Success")),
('btn-info', pgettext_lazy("button-style", u"Info")),
('btn-warning', pgettext_lazy("button-style", u"Warning")),
('btn-danger', pgettext_lazy("button-style", u"Danger")),
('btn-link', pgettext_lazy("button-style", u"Link")),
)
FEINCMS_BUTTON_SIZES = (
('', pgettext_lazy("button-size", u"Default")),
('btn-lg', pgettext_lazy("button-size", u"Large")),
('btn-sm', pgettext_lazy("button-size", u"Small")),
('btn-xs', pgettext_lazy("button-size", u"Extra Small")),
)
默认情况下,使用标准的 Bootstrap 按钮类。当项目对按钮使用其他类时,可以重新定义这些。
贡献
如果你喜欢这个模块,分叉它,或者想改进它,请告诉我们!也欢迎拉取请求。:-)
变化
2.0.1 (2021-11-28)
添加了ru翻译。
2.0.0 (2021-11-27)
添加了 Django 3+ 支持。
放弃了对 Python 2.7 的支持。
放弃了对 Django 1.10 / 1.11 的支持。
项目详情
下载文件
下载适用于您平台的文件。如果您不确定要选择哪个,请了解有关安装包的更多信息。
源分布
feincms-button-2.0.1.tar.gz
(12.9 kB
查看哈希)
内置分布
feincms_button-2.0.1-py3-none-any.whl
(14.3 kB
查看哈希)
关
feincms_button -2.0.1-py3-none-any.whl 的哈希值
| 算法 | 哈希摘要 | |
|---|---|---|
| SHA256 | 7208236e15fdf847a5c11ff8fb561fd43708fa360ea827826bb126e146acd124 |
|
| MD5 | 4eaa3f199ef949cae8f6bfb7792d3d68 |
|
| 布莱克2-256 | 347efabf2815548363434aa70a892a6e9b2684f687864cdabfd3fd2c50e96df3 |