Django模板语言带有一个很好的{% spaceless %}...{% endspaceless %}
标签,可以删除html标签之间的每个空格,标签,换行符。
问题是Bootstrap似乎是“空间敏感”:使用spaceless
时,输入和按钮等表单元素相互“贴”。
以下是插图:http://jsfiddle.net/KNkqF/未呈现为http://jsfiddle.net/E5rU5/!
你有没有遇到这个问题,你是否设法摆脱它而不避免Django空间?
答案 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还是手写表单?