自2010年起保持您DRY
项目描述
包含的额外功能
基础模板
towel_bootstrap/base.html:
一切的基础模板。CSS在顶部,JavaScript在底部。定义了两个您可能希望了解的JavaScript数组
onReady:将在 $(document).ready() 上运行的函数列表。接收jQuery实例作为第一个和唯一参数。
onForm:初始化表单的函数列表。可能在同一组元素上多次调用。接收两个参数,一个包装 document 或DOM子集的jQuery对象和jQuery实例。
towel_bootstrap/full.html:
全宽度页面的模板。
towel_bootstrap/modal.html:
用于AJAX加载的模态的模板。
towel_bootstrap/plain.html:
覆盖更小宽度的模板,最适用于登录/注销页面等。清空主导航。
除了towel_bootstrap/base.html之外的所有基础模板都继承自base.html。这意味着如果您提供了自己的base.html,并且只覆盖了最小区域,您可以立即使用所有其他模板。
以下块默认可用
title:浏览器标题
css:CSS声明。
body:在<body/>内部除了templates和js之外的所有内容。
navigation:导航栏的内容。
main:主容器,即除了导航和页脚之外的所有内容。
search:侧边栏内嵌的搜索表单。
sidebar:侧边栏本身。
messages:页面标题和内容上方的消息容器。
page-header:页面标题,当页面内部有<div class="page-header">时最有用。
content:内容。
footer:页脚。
templates:可用于JavaScript模板,即主要用于<script type="text/template">标签。
js:所有JavaScript文件和代码。
ModelView模板
towel_bootstrap附带了一些与ModelView最常用的模板。请查看towel_bootstrap/templates/modelview/中的文件。
Towel模板
towel_bootstrap覆盖了表单项、表单错误和警告、列表页面中的排序链接以及分页的样式。
django.contrib.auth的模板
登录、注销、密码更改和重置模板也包括在内。
JavaScript助手
onReady和onForm已在上面描述。
$.fn.flash:在淡入到完全不透明之前,更改一组元素的半透明度。
$.fn.autogrow:当应用于文本区域时,当添加新内容时,文本区域会自动扩展高度,以便不出现滚动条。默认应用于所有匹配textarea.autogrow的元素。
initForms([elem]):运行onForm中的所有处理器。如果没有传递对象,默认处理document内的所有内容。
modalLoad(url):从远程URL加载bootstrap模态框。对于所有匹配a[data-toggle=ajaxmodal]的元素,这会自动激活。
所有AJAX请求都已修复,以与Django的CSRF保护一起工作。
第三方库
Bootstrap本身不包括在内。模板期望在{{ STATIC_URL }}bootstrap/中找到所有bootstrap。