pinax-theme-bootstrap-account 1.0b2

快速入门

在您的需求文件中包含“pinax-theme-bootstrap”，在您的INSTALLED APPS中包含“pinax_theme_bootstrap”。

确保模板加载器和staticfiles查找器包括应用程序目录。

站点名称来自Sites固定值。

您的“site_base.html”应扩展“theme_base.html”，并提供“footer”和“nav”块（后者应仅是li的ul链接）。

您的页面应具有“head_title”和“body”块，并扩展“site_base.html”。

将url名称“home”定义为主页。

需求

当与Pinax 0.9结合使用时，此主题官方支持。如果与Django < 1.4结合使用，您将需要安装最近版本的django-staticfiles，因为我们使用{% render %}模板标记。

表单

此主题提供了用于渲染与Bootstrap预期标记相匹配的表单的基本模板标记。

要设置表单样式，请将以下内容添加到模板的顶部

{% load bootstrap_tags %}

并使用以下标记包含您的表单

<form>
    <fieldset>
        <legend>My Form</legend>
        {% csrf_token %}
        {{ form|as_bootstrap }}
        <div class="form-actions">
          <button type="submit" class="btn btn-primary">Save changes</button>
        </div>
    </fieldset>
</form>

Bootstrap包括四种表单类型的样式。要更改表单的显示，请将以下其中一个类属性添加到表单标签中

导航

要修改您网站的导航栏，请在site_base.html中使用以下模式实现“nav”块：

<ul class="nav">
    <li id="tab_first">
        <a href="#">First Link</a>
    </li>
    <li id="tab_second">
        <a href="#">Second Link</a>
    </li>
    <li id="tab_third" class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            Some Dropdown Menu
            <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#">Some Link</a></li>
            <li><a href="#">Another Link</a></li>
        </ul>
    </li>
</ul>

从Bootstrap 1.x升级

此主题的早期版本基于Bootstrap 1.x。以下是升级现有网站时需要了解的更改列表：

• 默认网格已从16列更改为12列。

• Bootstrap 2提供响应式网格，我们已默认启用。

• 表单标记略有变化，请参阅上面的示例。

• 导航栏标记现在需要在ul上添加class="nav"。