当链接 bootstrap 时，django-tables2 table 的页脚会缩小

Question

如果我 link bootstrap 我的模板， table 页脚的宽度缩小到最小尺寸（占用 space 与包含页面所需的一样多数、'Next' 按钮和总行数）。当我删除 link 时一切正常，但我的表单需要 bootstrap。它的外观（将 link 添加到 bootstrap 后的短页脚）：

这是我的模板代码：

base.html

{% load render_table from django_tables2 %}
{% load crispy_forms_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="static/django_tables2/themes/paleblue/css/screen.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <title></title>
</head>
<body>
    {% block my_table %}{% endblock %}
</body>
</html

object_list.html

{% extends "base.html" %}
{% load render_table from django_tables2 %}
{% load crispy_forms_tags %}

{% block my_table %}
    <div>
        <form action="" method="get">
            {% crispy filter.form filter.form.helper %}
        </form>
    </div>
    {% render_table table %}
{% endblock %}

Answer 1

似乎我只需要将“width: 100%;”添加到“table.paleblue + ul.pagination' 规则进入 django_tables2/themes/paleblue/css/screen.css 文件.

编辑后css应该是这样的：

table.paleblue + ul.pagination {
    background: white url(../img/pagination-bg.gif) left 180% repeat-x;
    overflow: auto;
    margin: 0;
    padding: 10px;
    border: 1px solid #DDD;
    list-style: none;
    width: 100%;
}

当链接 bootstrap 时，django-tables2 table 的页脚会缩小

footer of django-tables2 table shrinks when bootstrap is linked

django

django-tables2

twitter-bootstrap