django bootstrap span在表单输入元素中添加了class=spann支持

django-bootstrap-span的Python项目详细描述


欢迎来到Django Bootstrap Span!
================================= < BR>
…图片::https://travis-ci.org/stumc/django-bootstrap-span.svg?分支=主
:目标:https://travis-ci.org/stumc/django-bootstrap-span
…图片::https://covertalls.io/repos/stumc/django-bootstrap-span/badge.png
:目标:https://coveralls.io/r/stumc/django-bootstrap-span < BR>
摘要
-- < BR>
当使用django和bootstrap v2(针对移动响应型网页)时,很难控制表单字段的水平宽度。 < BR>
在普通的bootstrap v2世界中,开发人员将class="span1 span2 span3…"指令添加到要控制其水平大小的输入字段元素中。这在django世界中很难做到,因为字段定义已经由底层模型或表单基础结构定义。 < BR>
在表单中手动添加这些类跨度指令似乎是重复工作(违反了django的dry原则)。 < BR>
django bootstrap span**库通过在窗体的字段上应用class="spann"css修饰符来解决此问题-设置水平窗体输入元素的有效宽度(以跨距为单位)。 < BR>
结合bootstrap v2 css,这些"spann"类定义控制表单字段元素在html中呈现的宽度。此命令的预期用途是用于django引导程序和django应用程序。 < BR>
注意,这不适用于不再使用spann类的bootstrap v3。 < BR>
工作原理
---- < BR>
此库使用从基础窗体或模型定义中收集的最大字段宽度-了解如何正确计算输入字段的类跨度属性的大小。 < BR>
因此不需要重复字段最大长度设置,因为每个字段的水平大小都是正确的HTML。 < BR>< BR>
安装
---- < BR>
使用
`` pip install django bootstrap span```。 < BR>
需要django bootstrap(这又包括twitter bootstrap v2.0)。 < BR>
用法
---- < BR>
在设置文件中安装"bootstrap"应用程序: < BR>
已安装的应用程序=(

"引导工具包",
"引导程序"

) < BR>
在每个表单模板中安装"应用引导"表单筛选器。html文件: < BR>
{%加载引导程序
{{form apply_bootstrap_span:"as_bootstrap} < BR>
默认情况下,过滤器"apply\u bootstrap"查看表单中的每个字段,并决定
要分配给它的跨度(span1到span12)。 < BR>
最多可以为输入字段分配12个跨距(默认值)-每个跨距都是根据其字段定义的最大字符宽度计算的。 < BR>
作为引导程序,"跨度"是水平屏幕宽度的任意划分-应用调整以从最大宽度(以字符为单位定义的每个窗体字段)缩放到计算跨度数。 < BR>
此缩放使用称为"每个跨度的字符数"的缩放参数完成,该参数的仲裁默认值为5。也就是说,每个跨距都被视为这个字符宽度。 < BR>< BR>
您可以更改
-要分配的最大跨距数(如果将窗体放在HTML的跨度有限)或
-每个窗体中每个跨距的字符数(以防您要更改页面字段的相对字符密度) < BR>
每种形式。 < BR>
例如,如果我想以每个跨度最多11个跨度和3个字符的宽度呈现窗体的字段,我将使用: < BR>
{{表单应用引导跨度:"11,3"作为引导} < BR>
我应该在哪里应用此跨度设置?
- < BR>
通常应将跨距设置应用于模板html文件中的表单。这是因为表单可以放在一个多列html页面中,该页面不使用默认屏幕的全部12个跨度。在这种情况下,您可以将maximum SPAN参数值设置为小于默认12个跨距的值。 < BR>
但是,您可以通过decorator在视图类中使用它,也可以通过mixin在视图类中使用它,尽管不建议这样做,因为这样做违背了MVC职责的分离(混合MVC控制器(即django视图)和MVC视图(即django的tem板文件)。 < BR>
一个更完整的例子
-- < BR>
下面是一个更完整的示例,每个跨度使用11个跨度和6个字符,全部包含在带有CRSF U令牌检查和"确定"提交按钮的表单中: < BR>
{%load bootstrap_toolkit%} < BR>
<;form method="post"action="."enctype="multipart/form data">;
{%csrf_token%}
{%load bootstrap_form_span%}
{{形式应用引导跨度:"11,5"作为引导} < BR>
<;输入type="submit"class="btn"value={%trans'确定'%}"/>; < BR>
<;表单>;

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
java FloatingAction按钮与RecyclerView中的CardView重叠   java如何计算CardLayout中的卡数   从远程系统上传MySQL数据库并访问Java应用程序   java调用堆栈如何处理带或不带返回类型的递归?   Springboot中的java组计数聚集   java如何在javafx textarea中使用richtextfx   获取与Mockito相关的错误时出现Java问题   java如何将JaxRS响应转换为Wiremock响应   Hadoop集群java。net ConnectionException:连接被拒绝错误   java如何加载文件私有文件类型是pem   java在元空间中的提升和加载的类   如何将系统属性传递给从HTML启动的Java小程序   java如何从网页中获取值并在主类中使用它?安卓应用   java在春天,advisor和aspect之间有什么区别?   java如何检测文件是否已重命名?   java消息驱动Bean何时使用