django-bootstrap-ui 0.5.1

引导模板

准备引导页面并提供内容：

1. 在基本模板中扩展bootstrap-skeleton.html：

   {%extends"bootstrap_ui/bootstrap-skeleton.html"%}

2. 用您的内容填充预定义的块：

   {%blockbody-content%}
       <h1>Hello, I'm using django-bootstrap-ui!</h1>
   {%endblock%}

主题

您可以使用引导或引导样本主题设置页面样式。为项目范围内的默认主题将DJANGO_BOOTSTRAP_UI_THEME设置为settings.py中的有效标识符：

# django-bootstrap-ui settingsDJANGO_BOOTSTRAP_UI_THEME='bootswatch-paper'

引导组件模板

通过包含我们的默认实现来呈现完整的引导组件。示例：

1. 提供字符串列表['alpha', 'beta', 'gamma']作为模板变量items

2. 包括用type='list'和items=items参数化的listgroup.html：

   {%include'bootstrap_ui/listgroup.html'withtype='list'items=itemsonly%}

模板标记api

使用我们的模板标记生成您自己的自定义引导元素。示例：

1. 在模板中加载bootstrap_ui_tags：

   {%loadbootstrap_ui_tags%}

2. 通过直观的模板标记使用引导组件：

   {%listgroup%}{%listgroupitem%}
           Your raw text.
       {%endlistgroupitem%}{%listgroupitem%}
           You may also use a {{context_variable}}.
       {%endlistgroupitem%}{%endlistgroup%}

3. 一些引导程序组件支持不同的HTML标记，若要更改默认值，请添加一个参数：

   {%listgroupuse_tag="div"%}
       ...
       Your list group content goes here.
       ...
   {%endlistgroup%}

继续阅读我们的detailed documentation，网址是readthedocs.org。