Django spaceless模板标签打破了Bootstrap渲染内容

时间:2014-02-11 21:21:15

标签: django twitter-bootstrap django-templates twitter-bootstrap-3

Django模板语言带有一个很好的{% spaceless %}...{% endspaceless %}标签,可以删除html标签之间的每个空格,标签,换行符。

问题是Bootstrap似乎是“空间敏感”:使用spaceless时,输入和按钮等表单元素相互“贴”。

以下是插图:http://jsfiddle.net/KNkqF/未呈现为http://jsfiddle.net/E5rU5/

你有没有遇到这个问题,你是否设法摆脱它而不避免Django空间?

1 个答案:

答案 0 :(得分:1)

Bootstrap将这些输入元素设置为display: inline-block;而不浮动或将它们设置为显示为display: block;。您可能希望在输入之间硬编码 以强制占用空间。


<span style="display:block; float:left;">hello</span> <span style="display:block; float:left;">world</span>

上面的两个跨度将紧挨着排列,即使它们之间有空格也会产生“helloworld”。


<span>hello</span> <span>world</span>

上面两个跨度之间会有一个空格,导致“你好世界”


<span>hello</span><span>world</span>

将导致......“helloworld”。


我以前从未在表单中使用过spaceless,但因为它正在清理所有空间,所以会这样做。

您使用django-bootstrap-form还是手写表单?